3D旋轉

在我們平時看到的網頁中,有很多效果都是有3D特效的,今天就做一個簡單的立方體. 效果圖是這樣的: 主要分爲外部盒子和內部盒子兩個盒子,每一個盒子都是由六個div組成,,通過絕對定位使六個div在一起,再通過旋轉角度以及向座標軸拉伸形成一個盒子,內部盒子只是拉伸的長度小. 當鼠標懸停的時候,將外部盒子的拉伸長度加長,形成了一種鼠標懸停爆開的效果. HTML部分: 1 <div class="wra

>>阅读原文<<