标签：
* 书写的CSS代码的时候请注意按照显示 自身 文本的书写顺序来书写！
| 旋转（1个值） | 缩放（1个值） | 平移（2个值） | 扭曲（2个值） |
| rotate rotate（30deg） |
scale 可以取值正，负，小数 |
translate translate（x,y） 针对2D平面平移
|
skew |
|
rotateX(30deg);
rotateY(30deg);
rotateZ(30deg);
|
缩放的值，X为负时，字体先沿Y轴翻转再缩放 缩放的值，Y为负时，字体先沿X轴翻转再缩放
|
translateX translateY
|
skew(30deg,15deg); skewX(30deg); skewY(15deg); |
|
【 W3CSchool资料 】
matrix3d( n , n , n , n , n , n , n , n , n , n , n , n, n , n , n , n )
|
定义 3D 转换，使用 16 个值的 4x4矩阵。
|
|
translate3d( x , y , z )
|
定义 3D 转化。
|
|
translateX( x )
|
定义 3D 转化，仅使用用于 X 轴的值。
|
|
translateY( y )
|
定义 3D 转化，仅使用用于 Y 轴的值。
|
|
translateZ( z )
|
定义 3D 转化，仅使用用于 Z 轴的值。
|
|
scale3d( x , y , z )
|
定义 3D 缩放转换。
|
|
scaleX( x )
|
定义 3D 缩放转换，通过给定一个 X轴的值。
|
|
scaleY( y )
|
定义 3D 缩放转换，通过给定一个 Y轴的值。
|
|
scaleZ( z )
|
定义 3D 缩放转换，通过给定一个 Z轴的值。
|
|
rotate3d( x , y , z , angle )
|
定义 3D 旋转。
|
|
rotateX( angle )
|
定义沿 X 轴的 3D 旋转。
|
|
rotateY( angle )
|
定义沿 Y 轴的 3D 旋转。
|
|
rotateZ( angle )
|
定义沿 Z 轴的 3D 旋转。
|
|
perspective( n )
|
定义 3D 转换元素的透视视图。
|
transition 属性是一个简写属性，用于设置四个过渡属性：
|
规定动画。
|
|
|
所有动画属性的简写属性，除了animation-play-state 属性。
|
|
|
规定 @keyframes 动画的名称。
|
|
|
规定动画完成一个周期所花费的秒或毫秒。默认是 0。
|
|
|
规定动画的速度曲线。默认是 "ease"。
|
|
|
规定动画何时开始。默认是 0。
|
|
|
规定动画被播放的次数。默认是 1。
|
|
|
规定动画是否在下一周期逆向地播放。默认是 "normal" 。逆向 alternate
|
|
|
规定动画是否正在运行或暂停。默认是 " running"，暂停时 pause
|
|
|
规定对象动画时间之外的状态。
|
标签：
原文地址：http://www.cnblogs.com/lv448395223/p/5746962.html
