成品的效果如下
第三级rubik的立方体想要旋转，因为它太复杂了，所以我在这里使用2级rubik的立方体。首先构建一个魔方。在不同空间的div盒子中带有不同空间的rottate来拼写一个小广场。然后更改空间正方形的位置，总共有8个小正方形，可以在2阶rubik的立方体上战斗。最后，小正方形的每一侧都是颜色。
在以下代码中，框是每个小广场的公共样式。A1.A2.A3用于为每个小立方体设置空间坐标。旋转时不同的位置会改变。
在这一点上，我们的魔方将建立。下一个问题是如何使立方体旋转。因为每个小正方形都是独立的个人，我们不能直接控制魔方旋转。旋转，该层上的四个小方块具有自己的独立旋转方法。我们需要为4个小正方形设置不同的动画代码。
该代码有点混乱，只要看一下，它是各种动画的缝线。动画代码是该空间的移动，它不会一一列出。Rubik的立方体装饰了一点，加一个圆角，最后的颜色将成为GIF图中的效果。