transform-style

實(shí)例

讓轉(zhuǎn)換的子元素保留3D轉(zhuǎn)換：

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

運(yùn)行代碼 ?

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
transform-style	36.0 12.0?-webkit-	11.0	16.0 10.0?-moz-	9.0 4.0?-webkit-	23.0 15.0?-webkit-

屬性定義及使用說(shuō)明

transform--style屬性指定嵌套元素是怎樣在三維空間中呈現(xiàn)。

注意： 使用此屬性必須先使用 transform 屬性.

Safari/Chrome用戶：為了更好地理解transform--style屬性，請(qǐng)查看實(shí)例演示.

默認(rèn)值：	flat
繼承：	no
版本：	CSS3
JavaScript 語(yǔ)法：	object.style.transformStyle="preserve-3d"

語(yǔ)法

transform-style: flat|preserve-3d;

值	描述
flat	表示所有子元素在2D平面呈現(xiàn)。
preserve-3d	表示所有子元素在3D空間中呈現(xiàn)。

上一篇：transform-origin 下一篇：transition