CSS3 transition 过渡（渐变）属性

CSS3能达到渐变的效果，而不用再大费周章的用JS来实现效果了，这点实际上是非常方便的……

比如说：

div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */
}

这样在width改变时就会有一个过渡的效果了。

当然，具体有哪几个属性可以参考：http://www.w3school.com.cn/cssref/pr_transition.asp

如果设置成

* {
   ...
}

的话就会有个全局的效果了。

当然，有这个效果的前提是得有中间阶段——比如display:none到display:block，这就没救了……嗯。但可以用透明度取代（当然如果有需要释放这块的占位的话，还是不行的吧。）