首页 > Web开发 > 详细

css3动画-transition

时间:2017-05-11 11:01:07      阅读:333      评论:0      收藏:0      [点我收藏+]

写法:

transition: <过渡属性名称[color]> <过渡时间[1s]> <过渡模式[inline]>, <过渡属性名称> <过渡时间> <过渡模式>, ...

或者

transition: <过渡属性名称> <过渡时间> <过渡模式>;

transition: <过渡属性名称> <过渡时间> <过渡模式>

...

或者可以单独分开书写:

<过渡属性名称> == transition-property:[color]

<过渡时间> == transition-duration:[1s]

<过渡模式> == transition-timing-function:[color]

 

 

过渡模式有5种

ease【缓慢开始,缓慢结束】(默认)

linear【匀速】

ease-in【缓慢开始】

ease-out【缓慢结束】

ease-in-out【缓慢开始,缓慢结束】(和ease稍有区别)

css3动画-transition

原文:http://www.cnblogs.com/chentingjun/p/6839712.html

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