CSS3トランスフォームスタイルのプロパティ
例
予約3D変換に子要素をしてみましょう:
div要素
{
変換:回転Y(60deg)。
トランスフォームスタイルを:保存-3D。
-webkit-変換:回転Y(60deg); / * SafariやChromeの* /
-webkit-スタイルを変革:保存-3D; / * SafariやChromeの* /
}
{
変換:回転Y(60deg)。
トランスフォームスタイルを:保存-3D。
-webkit-変換:回転Y(60deg); / * SafariやChromeの* /
-webkit-スタイルを変革:保存-3D; / * SafariやChromeの* /
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
属性の定義と指示
変換 - style属性は、3次元空間にレンダリングされるかネストされた要素を指定します。
注:このプロパティは、最初にしなければならない変換プロパティを。
サファリ/ Chromeユーザー:よりよく理解するために変換-スタイルプロパティは、例を参照実証します 。
デフォルト: | フラット |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.transformStyleは= "保存-3D」を |
文法
トランスフォームスタイル:フラット|保存-3D。
値 | 説明 |
---|---|
フラット | 子要素は、その3次元位置を保持しません。 |
保存-3D | 子要素は、その3次元位置を保持します。 |