前言
本文主要关于 css3 的 transform 属性
一、rotate(旋转)
语法: transform: rotate(90deg);
表示顺时针旋转 90度,若为负数,表示逆时针旋转90度
除了平面旋转,rotate 还可以在空间上绕轴旋转,坐标图如下:
1.1、rotateX
语法: transform: rotateX(90deg);
表示绕 X 轴,向上旋转90度。
1.2、rotateY
语法: transform: rotateY(90deg);
表示绕 Y 轴,向右旋转90度。
1.3、rotateZ
语法: transform: rotateZ(90deg);
Z 轴正对着我们的面前,相当于平面上顺时针旋转90度。
1.4、rotate3D
语法: transform: rotateZ(0,0,0,deg);
前三个数值表示是否绕 X 、Y、Z