-webkit-transform-3d

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

We'd love to hear more about your role and the company you work for
Please help us by answering a few questions.

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

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

メモ: このメディア特性は WebKit および Blink でのみ対応しています。可能であれば、 @supports 特性クエリーを代わりに使用してください。

構文

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

値

true

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

false

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

例

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

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

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

仕様書

Specification
Compatibility
# css-media-queries-webkit-transform-3d

ブラウザーの互換性

関連情報