变形(Transform)属性
让元素在一个坐标系统中变形。这个属性包含一系列变形函数，可以移动、旋转和缩放元素
语法
transform：none（默认值） |
<transform-function>[<transform-function>] *;
2D 转换
| 属性 | 作用 |
|---|---|
| rotate() | 旋转 |
| translate() | 平移 |
| scale() | 缩放 |
| skew() | 扭曲或斜切 |
旋转 rotate
通过指定的角度参数对原元素指定一个2D rotation（2D 旋转）
语法
transform: rotate(
<angle>)
参数说明
angle 指旋转角度，正数表示顺时针旋转，负数表示逆时针旋转
移动 translate
根据左（X轴）和顶部（Y轴）位置给定的参数，从当前元素位置移动
translateX
通过给定一个X方向上的数目指定一个 translation
语法
transform：translateX( value )
translateY
通过给定一个Y方向上的数目指定一个 translation
语法
transform：translateY( value )
translate
通过给定一个X和Y方向上的数目指定一个 translation
语法
transform：translate( value1, [ value2 ] )
如果写一个参数，代表 X 方向平移多少，而 Y 方向平移为 0
缩放 scale
指定对象的 2D scale（2D缩放）
取值说明
只能为 数值，不能带单位
scaleX
X 轴方向往中间缩放，以中线为原点线
语法
transform：scaleX( number )
scaleY
Y 轴方向往中间缩放，以中线为原点线
语法
transform：scaleY( number )
scale
X 轴和 Y 轴方向往中间缩放
语法
transform：scale( number1, [ number2 ] )
如果写一个参数，代表 X 方向缩放多少，而 Y 方向和 X 方向缩放比例相同
扭曲 skew
指定对象 skew transformation（斜切扭曲）
skewX
按给定角度沿 X 轴指定一个 skew transformation（斜切变换）
语法
transform：skewX( angle )
取值
正值：逆时针
负值：顺时针
skewY
按给定角度沿 Y 轴指定一个 skew transformation（斜切变换）
语法
transform：skewY( angle )
取值
正值：顺时针
负值：逆时针
有效范围为-90~90，其余取值会重复
skew
综合 skewX 和 skewY 的情况
取值
如果只有一个值，则 skewY 为0deg
