-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.

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

メモ: このメディア特性は現在、大部分のブラウザーで対応していますが、可能であれば、代わりに @supports 機能クエリーを使用してください。

構文

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

css

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

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

css

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

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