自己简单制作一个d魔方

效果图

第一步：

首先在body标签里添加一个mofang的div层，然后再里面添加移动的6个面和不移动的6个面的div

第二步

主要难点就是布局css样式：
我是先在body设置perspective属性，可以让它看起来近大远小：

然后开始设置整个mofang的div层的样式：

这里加了个动画，让他循环来回360°旋转。

开始设置里外 6个面的属性：

外面的6个面设置透明度，使其看起来有科幻感。

transition:all给予过渡动画。

设置每个面的图片和鼠标移过去的动画效果：

这里设置完，魔方就做成了。其实不难，就繁琐而已。