CodeSky 代码之空

本来我以为那些华丽的效果都是用JS或者jQuery做出来的，结果没想到在CSS3里，很方便的可以实现相似的效果，至少那些简单的没什么问题。

本来的hover和默认状态都是瞬间完成的改变，但通过transition可以达成渐变的过程。

比如引入一个属性：

1img{
2    transition: 1s height;
3}
4

限定只有高度是渐变效果height可以没有，那样就是全部属性渐变，可以指定多个属性不同时间

1img{
2    transition: 1s height, 1s 1s width;
3}
4

甚至还可以是delay延时一秒。

这里只是摘录。

详情链接：http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html

当然，在W3School也有介绍，嗯，不管怎么说，这就是CSS3，不过在很多用户没有放弃IE6的情况下，只能选择谨慎尝试了，做这种东西——首先，得先确定你的用户群体，大概是这样吧。