首页 > 代码库 > CSS3 过渡 transition

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
技术分享



来自为知笔记(Wiz)



CSS3 过渡 transition