Open wang1dot0 opened 4 years ago
长度是像素，百分比是自身的尺寸计算 如果参数只有一个，仅为X轴有效，Y轴的值为0 translateZ只接受长度值。 translate3D的参数必须为3个，缺失没有默认值，无效。
参数是数字，为原始宽/高度的一个系数 如果只有一个参数，则用作两个轴的共用系数。 scale3D与scaleZ函数可以用作Z轴缩放，当然仅当元素又深度时才生效（默认没有深度）。可通过绕X/Y轴旋转，使得元素又深度。
rotate是2D旋转，等价于rotateZ。 rotateX是绕X轴旋转，远离/靠近我们。 rotate3D中前3个值表示向量x, y, z的分量，第4个是角度值。
skew(a, b) 与 skewX(a)skewY(b) 不同 如果只提供一个值，则假定y轴的倾斜角度为0
参数必须是正数，不能为0 或 负数 最好放在transform属性的首位。
flat | preserve-3d
hidden | visible
Transform
变形函数
translate
长度是像素，百分比是自身的尺寸计算 如果参数只有一个，仅为X轴有效，Y轴的值为0 translateZ只接受长度值。 translate3D的参数必须为3个，缺失没有默认值，无效。
scale
参数是数字，为原始宽/高度的一个系数 如果只有一个参数，则用作两个轴的共用系数。 scale3D与scaleZ函数可以用作Z轴缩放，当然仅当元素又深度时才生效（默认没有深度）。可通过绕X/Y轴旋转，使得元素又深度。
rotate
rotate是2D旋转，等价于rotateZ。 rotateX是绕X轴旋转，远离/靠近我们。 rotate3D中前3个值表示向量x, y, z的分量，第4个是角度值。
skew
skew(a, b) 与 skewX(a)skewY(b) 不同 如果只提供一个值，则假定y轴的倾斜角度为0
perspective()
参数必须是正数，不能为0 或 负数 最好放在transform属性的首位。
transform-style
flat | preserve-3dbackface-visibility
hidden | visibleperspective-origin | transform-origin