首先我們看一下效果做出來是什麼樣子的
源**如下：（直接複製以下**是無法和上圖的效果一樣，需要注意的匯入，）
"cube">
"out-front">
"out-back">
"out-left">
"out-right">
"out-top">
"out-bottom">
"in-front">
"points">
"in-back">
"points">
"points pitb2">
"points pitb3">
"in-left">
"points">
"points pitl2">
"in-right">
"points">
"points">
"points">
"points">
"in-top">
"pitt1">
"points">
"points">
"pitt2">
"points">
"pitt3">
"points">
"points">
"in-bottom">
"points">
"points">
"points">
"points">
"points">
"points">
3D 旋轉立方體
source cube src.js var cube function this.5 function d,e,a if e if a this.1 this.1 function p j,g,b,o this.7 function this.3 function this.4 function ...
3D立方體旋轉
1 首先要知道3d,x軸，y軸，z軸的方向 如圖所示 2 要想做乙個立方體首先是做6個面 以中間為基準 中間向前面平移150px transform translatez 150px 後面也平移150px,然後旋轉 rotatey 180deg 這樣前後面就做完了。左 以中間為準逆時針針旋轉90度 ...
CSS3D變換 立方體旋轉效果
3d變換基於幾個比較重要的屬性，perspective,translatez,preserve 3d transform style preserve 3d 建立3d空間 perspective視鏡 perspective origin視鏡基點 x left center right length ...