码迷,mamicode.com
首页 > 其他好文 > 详细

动画Animation、变换 Transform、过渡 Transition

时间:2015-07-13 23:41:37      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

animation:[[ animation-name ] || [ animation-duration ] || [ animation-timing-function ] || [ animation-delay ] || [ animation-iteration-count ] || [ animation-direction ]] [ , [ animation-name ] || [ animation-duration ] || [ animation-timing-function ] || [ animation-delay ] || [ animation-iteration-count ] || [ animation-direction ]]*

[ animation-name ]:
检索或设置对象所应用的动画名称
[ animation-duration ]:
检索或设置对象动画的持续时间
[ animation-timing-function ]:
检索或设置对象动画的过渡类型
[ animation-delay ]:
检索或设置对象动画延迟的时间
[ animation-iteration-count ]:
检索或设置对象动画的循环次数
[ animation-direction ]:
检索或设置对象动画在循环中是否反向运动
[ animation-play-state ]:
检索或设置对象动画的状态。w3c正考虑是否将该属性移除,因为动画的状态可以通过其它的方式实现,比如重设样式

transform:none | matrix(<number>,<number>,<number>,<number>,<number>,<number>)? translate(<length>[,<length>])? translateX(<length>)? translateY(<length>)? rotate(<angle>)? scale(<number>[,<number>])? scaleX(<number>)? scaleY(<number>)? skew(<angle>[,<angle>])? skewX(<angle>) || skewY(<angle>)?

none:无转换matrix(<number>,<number>,<number>,<number>,<number>,<number>):以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵translate(<length>[, <length>]):指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0translateX(<length>):指定对象X轴(水平方向)的平移translateY(<length>):指定对象Y轴(垂直方向)的平移rotate(<angle>):指定对象的2D rotation(2D旋转),需先有transform-origin属性的定义scale(<number>[, <number>]):指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认取第一个参数的值scaleX(<number>):指定对象X轴的(水平方向)缩放scaleY(<number>):指定对象Y轴的(垂直方向)缩放skew(<angle> [, <angle>]):指定对象skew transformation(斜切扭曲)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0skewX(<angle>):指定对象X轴的(水平方向)扭曲skewY(<angle>):指定对象Y轴的(垂直方向)扭曲 

transform:none | matrix(<number>,<number>,<number>,<number>,<number>,<number>)? translate(<length>[,<length>])? translateX(<length>)? translateY(<length>)? rotate(<angle>)? scale(<number>[,<number>])? scaleX(<number>)? scaleY(<number>)? skew(<angle>[,<angle>])? skewX(<angle>) || skewY(<angle>)?

none:无转换matrix(<number>,<number>,<number>,<number>,<number>,<number>):以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵translate(<length>[, <length>]):指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0translateX(<length>):指定对象X轴(水平方向)的平移translateY(<length>):指定对象Y轴(垂直方向)的平移rotate(<angle>):指定对象的2D rotation(2D旋转),需先有transform-origin属性的定义scale(<number>[, <number>]):指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认取第一个参数的值scaleX(<number>):指定对象X轴的(水平方向)缩放scaleY(<number>):指定对象Y轴的(垂直方向)缩放skew(<angle> [, <angle>]):指定对象skew transformation(斜切扭曲)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0skewX(<angle>):指定对象X轴的(水平方向)扭曲skewY(<angle>):指定对象Y轴的(垂直方向)扭曲 

动画Animation、变换 Transform、过渡 Transition

标签:

原文地址:http://www.cnblogs.com/mishiyang/p/4644127.html

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