rotate（旋转）

介绍

通过旋转可以使元素沿着 x、y 或 z 旋转指定的角度

rotateX()						`沿X轴旋转`
rotateY()						`沿Y轴旋转`
rotateZ()						`沿Z轴旋转`

transform: rotateZ(45deg);		`沿Z轴旋转45°`
transform: rotateZ(.5turn);		`沿Z轴旋转半圈`

transform: rotateX(45deg);		`沿X轴旋转45°`
transform: rotateX(.5turn);		`沿X轴旋转半圈`

transform: rotateY(45deg);		`沿Y轴旋转45°`
transform: rotateY(.5turn);		`沿Y轴旋转半圈`

transform: rotateY(180deg) translateZ(400px);
					`先沿Y轴旋转180°，再向Z轴平移400px`
transform: translateZ(400px) rotateY(180deg);
					`先向Z轴平移400px，再沿Y轴旋转180°`

注：

transform: ratateY(180deg);	
				`沿Y轴旋转180°，即看到元素的背面`

backface-visibility: visible;
backface-visibility: hidden;
				`是否显示元素的背面`