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





posted @ 2017-07-12 10:52  从你的世界路过  阅读(438)  评论(0编辑  收藏  举报