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

css3动画属性(transitions:property duration timing transition-delay)

时间:2014-08-08 15:15:46      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   cti   div   时间   

transitions:property duration timing-function;
transitionst他有三个参数:
1) property:属性设置,例如background,color等。
2) duration:执行时间, 例如1s, 0.5s等。
3) timing-function:动画种类, 例如linear 渐变 等。
4) transition-delay:延迟时间。
例题(1):

1 p{  background:#000;
2     -webkit-transition:background 1s linear;
3     -moz-transition:background 1s linear;
4     -o-transition:background 1s linear;
5     -ms-transition:background 1s linear;
6     transition:background 1s linear; }
7 p:hover{ background: #f00; }

例题(2)

1 transition-property:background;
2 transition-duration:1s;
3 transition-timing-funcion:linear;
4 transition-delay:1s

css3动画属性(transitions:property duration timing transition-delay),布布扣,bubuko.com

css3动画属性(transitions:property duration timing transition-delay)

标签:style   blog   color   io   ar   cti   div   时间   

原文地址:http://www.cnblogs.com/guozh/p/3899113.html

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