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

css3动画-transition

时间:2017-05-11 11:29:23      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:-o   style   ase   font   min   span   动画   out   默认   

写法:

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

标签:-o   style   ase   font   min   span   动画   out   默认   

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

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