hooyantsing's Blog

P166_15_按X轴旋转物体与透视查看

字数统计: 70阅读时长: 1 min
2020/04/22

P166 15 按X轴旋转物体与透视查看

可能不太好看出效果,建议加入透视

1
transform: perspective(900px);

rotateX

沿X轴选转。

d73a8397385d0a1dbd8dcebd324461f0.png

1
2
transform: rotateX(45deg);
transform: rotateX(-45deg);

rotateY

沿Y轴选转。

0b4af03fe95b0aa7dac2b97ed7a86c7f.png

1
transform: rotateY(90deg);

rotateZ

rotate

沿Z轴选转。

rotate和rotateZ相同。

240450f50bbc2ebf0d032122d2dff8ee.png

1
2
transform: rotateZ(45deg);
transform: rotate(45deg);
CATALOG