码迷,mamicode.com
首页 > Web开发 > 详细

CSS3 过渡 transition

时间:2017-07-12 11:08:15      阅读:318      评论:0      收藏:0      [点我收藏+]

标签:code   safari   ref   ima   http   com   www   ati   href   

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

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

标签:code   safari   ref   ima   http   com   www   ati   href   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!