3D立方题旋转

1.效果图

 

 从图中我们可以看到立方体有六个面并且会自动旋转。

2.代码实现

 

 首先我们先来看HTML结构部分，用一个父元素内包含着六个子元素，并分别给这六个子元素起类名。

 

 其次我们来看看css样式部分,从css样式中我们可以看出，实现立方体的旋转是通过对子元素的旋转和添加的动画来达到立方体旋转的效果。