-webkit-transform-3d

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

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

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

例

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

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

仕様書

仕様書	状態	備考
Compatibility Standard -webkit-transform-3d の定義	現行の標準	初回の標準化
Safari CSS Reference 'media query extensions' in that document.	標準外の非公式文書	初回定義

ブラウザーの対応

BCD tables only load in the browser

-webkit-transform-3d

例

仕様書

ブラウザーの対応

関連情報