-webkit-transform-3d

構文

-webkit-transform-3d は CSS の論理メディア特性であり、ベンダー接頭辞付きの CSS 3D transform に対応していれば値が true になります。

値

true

ブラウザーは 3D の CSS 座標変換に -webkit の接頭辞つきで対応しています。

false

3D の CSS 座標変換で -webkit の接頭辞が付いたものはブラウザーが対応していません。

例

-webkit-transform-3d のメディアクエリーの例

@media (-webkit-transform-3d) {
  .foo {
    transform-style: preserve-3d;
  }
}

ブラウザーの対応を調べるよりよい方法は、機能クエリーをすることです。

@supports (transform-style) {
  .foo {
    transform-style: preserve-3d;
  }
}

仕様書

ブラウザーの互換性

関連情報

• -webkit-transform-2d
• -webkit-transition
• -webkit-animation
• Test page at quirksmode.org
• transform および CSS 座標変換の使用
• @media およびメディアクエリーの使用
• @supports および機能クエリーの使用