CSS3之transform属性-3D转换
三维坐标系 x 轴：水平向右 – 注意：x轴右边是正值，左边是负值 y 轴：垂直向下 – 注意：y轴下面是正值，上面是负值 z 轴：垂直屏幕 – 注意：z轴往外是正值，往里是负值 3D旋转左手准则 左手 的手 拇指 指向旋转轴的 正方向 其余手指 的 弯曲方向 就是该元素沿着该旋转轴旋转的 方向 （正值方向） transform: 作用： 该属性可以将元素旋转、缩放、移动、倾斜等 说明： 应用于元素的 2D 或 3D 转换 常用值： (none) ：定义不进行转换 (translate) ：定义2d位移，向右、向下为正值；向左、向上为负值 (translate3d) ：定义3d位移 (translateX) ：定义关于x轴的位移 (translateY) ：定义关于y轴的位移 (translateZ) ：定义关于z轴的位移 (rotate) ：定义2d旋转，顺时针为正值；逆时针为负值 (rotate3d) ：定义3d旋转 (rotateX) ：定义关于x轴的旋转 (rotateY) ：定义关于y轴的旋转 (rotateZ) ：定义关于z轴的旋转 (scale) ：定义2d缩放，0 - 1缩小，1 - +∞放大 (scale3d) ：定义3d缩放 (scaleX) ：定义关于x轴的缩放 (scaleY) ：定义关于y轴的缩放 (scaleZ) ：定义关于z轴的缩放 transform