2d變換僅是在電腦螢幕平面的變換，而3d變換則是空間三個方向的變換，可以是單個方向，也可以三個方向組合，3d變換用的也是transform屬性，不同的是rotate（）要加上單個方向的軸系如rotatex（），同時在3d變換時需要使用transform-style屬性宣告使用的是 3d變換，為了讓視覺更好的看出是3d變換，增添了乙個perspective屬性，它的作用好比在舞台下面**表演的觀眾，數值越小，離舞台越近，細節也就更明顯。
我們在父容器宣告transform-style，在包含父容器的舞台設定perspective，每乙個父容器相當於在舞台表演節目一樣；為了設定過渡的效果，我們還在父容器用transition設定過渡的方式和持續時間
CSS3之建立3D場景
1.屬性介紹 perspective 800 平面距離三維中方框的距離 perspective origin 50 50 表示從平面上哪個位置看三維圖 相當於是x軸和y軸，此時表示平面中心 2.transform屬性 translete 位移操作 translatex x px translatey...
css3之3d動畫呈現
利用css3完成3d效果的簡單呈現 動畫效果用呈現不出來，大家自己動手寫乙個看看吧 新建html lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head c...
CSS3動畫 3D旋轉
學了c3之後，簡單做了乙個3d旋轉的小demo.個人親猜測相容chrome firefox opera safari，沒有考慮ie。如果下面 有問題，可以在我的github檢視源 可以檢視網頁效果demo位址。如下 ccs3animation 3drotatetitle charset utf 8 ...