CSS3 transform-style プロパティ
 完全な CSS3 リファレンス
例
Let the transformed child elements preserve the 3D transformations:
div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg); /* Safari and Chrome */
-webkit-transform-style: preserve-3d; /* Safari and Chrome */
} |
Try it yourself »
|
ブラウザ・サポート
transform-style property is not supported in any browser.
Chrome and Safari support an alternative, the -webkit-transform-style property.
定義と用法
transform-style property specifies how nested elements are rendered in 3D
space.
注: This property must be used together with the
transform
property.
For Chrome and Safari users: To better understand the transform-style property,
view a demo.
| デフォルト値: |
flat |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.transformStyle="preserve-3d" |
構文
| transform-style: flat|preserve-3d; |
| Property 値 |
説明 |
| flat |
The child elements will NOT preserve its
3D position |
| preserve-3d |
The child elements will preserve its 3D position |
完全な CSS3 リファレンス
|