rotate（旋转）

来源：尔游网

介绍

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;
				`是否显示元素的背面`

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文