1.透視/景深效果
左手法則：大拇指指向當前座標軸的下方向，手指環繞的方向就是正方向perspective(length) 為乙個元素設定三維透視的距離。僅作用於元素的後代，而不是其元素本身。當perspective:none/0;時，相當於沒有設perspective(length)。比如你要建立乙個小立方體，長寬高都是200px。如果你的perspective < 200px ，那就相當於站在盒子裡面看的結果，如果perspective 非常大那就是站在非常遠的地方看（立方體已經成了小正方形了），意味著perspective 屬性指定了觀察者與z=0平面的距離，使具有三維位置變換的元素產生透視效果
perspective-origin屬性規定了鏡頭在平面上的位置。預設是放在元素的中心
transform-style：使被轉換的子元素保留其 3d 轉換(需要設定在父元素中)：
2.製作立方體
>前<
/div>
="back"
>後<
/div>
="left"
>左<
/div>
="right"
>右<
/div>
="top"
>上<
/div>
="bottom"
>下<
/div>
<
/div>
<
/body>css**：
Android 實現乙個立方體旋轉效果
好久不見 今天我們來看看如何實現乙個立方體翻轉的效果，如圖 看上去很麻煩，實際上實現起來還是蠻輕鬆的。這裡我們使用到的有兩個類。android.graphic.camera這是在影象學概念裡的攝像機，這是乙個透視攝像機。android.graphic.matrix矩陣，用來表示影象的變化。我們先從攝...
css3製作立方體
建立6個寬高為100px的正方形，調整ul在頁面的位置，分別設定不同li裡的背景色。為了方便區分，在li裡設定數字顯示 使用絕對定位的目的是為了讓6個li分別顯示在圍成正方體所需的位置上。屬性 transform style 設定3d空間 屬性值 flat 處在2d空間 preserve 3d 處在...
CSS3製作立方體
要用css3來製作乙個正方體，我們先來看正方體的結構，如圖 1.建立結構 正方體有六個面，我們可以先建立六個面，放在li裡。設定寬高，和背景色 方便區分 效果如圖 2.位移 接下來可以通過定位 position 和位移 translate 將他們移動到圖一的位置。先用絕對定位將六塊正方形定位到第1塊...