功能&&效果图:
本案例是旋转的立方体,整体由两个立方体组成。外面有一个大的正方体,内部有一个小的正方体,整个正方体一开始呈闭合状态,并自由旋转,当鼠标悬浮时,大小正方体展开。
结构部分:
<body>
<div class="box">
<div><img src="img/01.png" alt="" /></div>
<div><img src="img/02.png" alt="" /></div>
<div><img src="img/03.png"/></div>
<div><img src="img/04.png"/></div>
<div><img src="img/05.png"/></div>
<div><img src="img/06.png"/></div>
<div class="d1"><img src="img/bg01.jpg"/></div>
<div class="d1">