css之transform属性

定义元素的旋转(rotate),缩放(scale),移动(translate),倾斜(skew)

rotate

rotate(angle) 定义 2D 旋转,在参数中规定角度。
rotate3d(x,y,z,angle) 定义 3D 旋转。
rotateX(angle) 定义沿着 X 轴的 3D 旋转。
rotateY(angle) 定义沿着 Y 轴的 3D 旋转。
rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。

scale

scale(x[,y]?) 定义 2D 缩放转换。
scale3d(x,y,z) 定义 3D 缩放转换。
scaleX(x) 沿X轴(水平)方向缩放y倍
scaleY(y) 沿Y轴(垂直)方向缩放y倍
scaleZ(z) 通过设置 Z 轴的值来定义 3D 缩放转换。

translate

translate(x,y) 定义 2D 转换。
translate3d(x,y,z) 定义 3D 转换。
translateX(x) 沿X轴方向移动,
translateY(y) 沿Y轴方向移动,
translateZ(z) 定义 3D 转换,只是用 Z 轴的值。

猜你喜欢

转载自www.cnblogs.com/embrace-ly/p/10537606.html