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





转载于:https://www.cnblogs.com/mmyh/p/7154272.html