3D旋转

在我们平时看到的网页中,有很多效果都是有3D特效的,今天就做一个简单的立方体. 效果图是这样的: 主要分为外部盒子和内部盒子两个盒子,每一个盒子都是由六个div组成,,通过绝对定位使六个div在一起,再通过旋转角度以及向坐标轴拉伸形成一个盒子,内部盒子只是拉伸的长度小. 当鼠标悬停的时候,将外部盒子的拉伸长度加长,形成了一种鼠标悬停爆开的效果. HTML部分: 1 <div class="wra

>>阅读原文<<