首页 > Web开发 > 详细

CSS3 过渡 transition

时间:2017-07-12 11:02:09      阅读:316      评论:0      收藏:0      [点我收藏+]

在一个例子中使用所有过渡属性:

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





CSS3 过渡 transition

原文:http://www.cnblogs.com/mmyh/p/7154272.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!