CSS3 transition

transition 属性是一个简写属性，用于设置四个过渡属性：

• transition-property
• transition-duration
• transition-timing-function
• transition-delay 

默认值：all 0 ease 0

继承性：no

 

例子如下

把鼠标指针放到 div 元素上，其宽度会从 100px 逐渐变为 300px：

div

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