基本思路:立方体由六个div拼接而成,大盒子中的六个div分别代表立方体六个面(使用css3过渡属性调整方向和位置),最后使用css3动画属性将大盒子进行旋转即可
第一步,在html中进行基本布局
<div class="box">
<div class="top"><img src="./images/1.jpg"></div>
<div class="bottom"><img src="./images/2.jpg"></div>
<div class="left"><img src="./images/3.jpg"></div>
<div class="right"><img src="./images/4.jpg"></div>
<div class="front"><img src="./images/5.jpg"></div>
<div class="back"><img src="./images/6.jpg"></div>
</div>
第二步,在进行css代码的编辑
<