為父元素新增以下樣式後，子元素即可使用3D屬性，例如translateZ

/*設定子元素也應用3D效果*/
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;

/*設定旋轉角度*/
-webkit-transform: rotateY(60deg);
-moz-transform: rotateY(60deg);
transform: rotateY(60deg);



為元素直接設定3D屬性時候，記得一定要設定攝像機的位置：perspective，否者translateZ不會生效。

transform: perspective(1000px) translateZ(100px);