index.html

这是一个通过使用css完成的一个立方体的构建,希望对于刚刚接触css的人有所帮助。要注意旋转时轴也会跟着旋转,所以要看是先旋转还是先位移,根据具体情况具体分析。 transform-style:preserve-3d; 让该元素里面的子元素以三维立体的形式呈现,transform-style一定要给立方体加,不要给立方体的面加。 transform:rotate(deg) 默认是绕垂直屏幕的Z轴进行旋转 transform:rotateZ(deg) 绕z轴进行旋转 transform:rotateX(deg) 绕x轴进行旋转 transform:rotateY(deg) 绕