方法：1、用“transform: rotateX(角度);”樣式設(shè)置元素沿X軸方向3d旋轉(zhuǎn)；2、用“transform: rotateY(角度);”樣式設(shè)置元素沿Y軸方向3d旋轉(zhuǎn)；3、用rotate3d()方法設(shè)置元素向任意方向3d旋轉(zhuǎn)。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3怎么設(shè)置3d向哪個(gè)方向旋轉(zhuǎn)

一、沿著X軸旋轉(zhuǎn) rotateX

transform: rotateX(360deg);

立體感不夠，可以加一個(gè)透視perspective，注意要加在觀察元素的父盒子上面

就可以變成這個(gè)樣子

二、沿著Y軸旋轉(zhuǎn) rotateY

 transform: rotateY(360deg);

三、沿著Z軸旋轉(zhuǎn) rotateZ

 transform: rotateZ(360deg);

和2D旋轉(zhuǎn)差不多

四、還可以自定義旋轉(zhuǎn)軸

 transform: rotate3d(1, 1, 0, 360deg);

（學(xué)習(xí)視頻分享：css視頻教程）