css3 的 transform

前言

本文主要关于 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 轴旋转，0表示否，1表