[TOC] # transform-style 指定嵌套元素如何在3D空間呈現,主要有兩個屬性值: flat和`preserve-3d` 其中flat值為默認值,表示所有子元素在2D平面呈現 `preserve-3d`表示所有子元素在3D空間呈現 ~~~ <style> body { /* perspective指定了觀察者與 z=0 平面的距離，使具有三維位置變換的元素產生透視效果 */ perspective: 1000px; } div { width: 100px; height: 145px; border: 1px solid red; margin: 100px auto; transform: rotateY(30deg); transform-style: preserve-3d; } div img { transform: rotateY(30deg); } </style> <div> <img src="images//2.jpg" alt="" width="100px"> </div> ~~~