1. 程式人生 > >CSS3 過渡 transition

CSS3 過渡 transition

tle 例子 所有 linear order log all str per

在一個例子中使用所有過渡屬性:

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