實例
使被轉換的子元素保留其 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 屬性規定如何在 3D 空間中呈現被嵌套的元素。
注釋:該屬性必須與 transform 屬性一同使用。
默認值: flat
繼承性: no
版本: CSS3
JavaScript 語法: object.style.transformStyle="preserve-3d"
語法
transform-style: flat|preserve-3d;
值 描述
flat 子元素將不保留其 3D 位置。
preserve-3d 子元素將保留其 3D 位置。