方法：1、用“transform: rotatex(角度);”样式设置元素沿x轴方向3d旋转；2、用“transform: rotatey(角度);”样式设置元素沿y轴方向3d旋转；3、用rotate3d()方法设置元素向任意方向3d旋转。
本教程操作环境：windows10系统、css3&&html5版、dell g3电脑。
css3怎么设置3d向哪个方向旋转一、沿着x轴旋转 rotatex
transform: rotatex(360deg);
立体感不够，可以加一个透视perspective，注意要加在观察元素的父盒子上面
就可以变成这个样子
二、沿着y轴旋转 rotatey transform: rotatey(360deg);
三、沿着z轴旋转 rotatez transform: rotatez(360deg);
和2d旋转差不多
四、还可以自定义旋转轴 transform: rotate3d(1, 1, 0, 360deg);
（学习视频分享：css视频教程）
以上就是css3怎么设置向哪个方向3d旋转的详细内容。