-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

関連情報