例
変換された子要素に 3D 変換を保持させます。
div { 変換: 回転 Y(60 度); 変換スタイル: 3d を保存; -webkit-transform: 回転 Y(60 度); /* Safari と Chrome */ -webkit-transform-style:preserve-3d; /* Safari と Chrome */ }
ブラウザのサポート
表内の数字は、この属性をサポートする最初のブラウザーのバージョンを表します。
-webkit-、-ms-、または -moz- の直前の数字は、このプレフィックス属性をサポートする最初のブラウザーのバージョン番号です。
| 属性 | |||||
|---|---|---|---|---|---|
| トランスフォームスタイル | 36.0 12.0 -ウェブキット- |
11.0 | 16.0 10.0 -モズ- |
9.0 4.0 -ウェブキット- |
23.0 15.0 -ウェブキット- |
プロパティの定義と使用方法
transform--style 属性は、ネストされた要素を 3 次元空間でレンダリングする方法を指定します。
注: この属性を使用するには、 最初に transform属性を使用する必要があります。
Safari/Chrome ユーザー: