CSS3 transition 过渡（渐变）属性
CSS3能达到渐变的效果，而不用再大费周章的用JS来实现效果了，这点实际上是非常方便的……
比如说：
1div
2{
3width:100px;
4transition: width 2s;
5-moz-transition: width 2s; /* Firefox 4 */
6-webkit-transition: width 2s; /* Safari 和 Chrome */
7-o-transition: width 2s; /* Opera */
8}
9
这样在width改变时就会有一个过渡的效果了。
当然，具体有哪几个属性可以参考：http://www.w3school.com.cn/cssref/pr_transition.asp
如果设置成
1* {
2 ...
3}
4
的话就会有个全局的效果了。
当然，有这个效果的前提是得有中间阶段——比如display:none到display:block，这就没救了……嗯。但可以用透明度取代（当然如果有需要释放这块的占位的话，还是不行的吧。）
评论 (0)