CSS3---2D变换

transform

　　transition-origin：设置对象中变换所参照的原点

　　none:无变换

　　translate(<length>[,<length>]):指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认是为0.

　　　　translateX(<length>):指定对象X轴平移

　　　　translateY(<length>):指定对象Y轴平移

　　rotate(<angle>):指定对象的2D rotation（2D 旋转），需要现有transtion-origin属性的定义

　　scale(<number>[,<number>]):指定对象的2D scale（2D缩放）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认取第一个参数。

　　　　scaleX(<number>):指定对象X轴的（水平方向）缩放

　　　　scaleY(<number>):指定对象Y轴的（竖直方向）缩放

　　skew(<number>):指定对象的skew transformation（斜切扭曲）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则默认是为0.

　　　　skewX(<number>):指定对象Y轴的（水平方向）扭曲

　　　　skewY(<number>):指定对象Y轴的（水平方向）扭曲

 

过渡：

transtion:[transtion-property]||[transtion-duration]||[transtion-timing-function]||[transtion-delay]

　　transtion-property:检索或设置对象中的参与过渡的属性 default

　　transtion-duration:检索或设置对象过渡的持续时间

　　transtion-timing-function:检索或设置对象过渡的动画类型

　　transtion-delay:检索或设置对象延迟过渡的时间

 

动画：

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:检索或设置对象动画在循环中是否反向运动

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有