CSS3立體球體旋轉

1 3D旋轉的球體

3D 球體旋轉如圖,上網址 http://www.webmxx.com/Blog/try1/imgs.html
主要代碼如下
布局

 <div class="box">
 <div class="big">
 <div class="small a"></div>




 <div class="small b"></div>
 <div class="small c"></div>
 <div class="small d"></div>
 <div class="small e"></div>
 </div>
 </div>

主要的css屬性

.box{perspective:3000px;} //在距離3000px 遠處看效果
.big{transform-style:preserve-3d;} //子元素以3D形式展現

2 滑過旋轉顯示背面圖片
http://www.webmxx.com/Blog/try1/rotate.html
這個使用了關於 背面元素顯示的一個屬性

backface-visibility: hidden;
-webkit-backface-visibility: hidden; 

參考鏈接 http://www.w3school.com.cn/cssref/pr_backface-visibility.asp