CSS3 过渡 transition
在一个例子中使用所有过渡属性:
div
{
transition-property: width;/*all*/
transition-duration:1s;/*0.6s*/
transition-timing-function: linear;/*ease*/
transition-delay:2s;/*0s*/
/* Safari */
-webkit-transition-property:width;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:2s;
}
简写的 transition 属性:
div
{
transition: all 0.6s ease 0s;
/* Safari */
-webkit-transition: all 0.6s ease 0s;
}
transition: font-size 1s ease 0s, font-weight 1s ease 0s