實例

使被轉換的子元素保留其 3D 轉換：

div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg);	/* Safari 和 Chrome */
-webkit-transform-style: preserve-3d;	/* Safari 和 Chrome */
}

親自試一試

瀏覽器支持

Firefox 支持 transform-style 屬性。

Chrome 和 Safari 支持替代的 -webkit-transform-style 屬性。

定義和用法

transform-style 屬性規(guī)定如何在 3D 空間中呈現(xiàn)被嵌套的元素。

注釋：該屬性必須與 transform 屬性一同使用。

語法

transform-style: flat|preserve-3d;