-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.
標準外の非公式文書 初回定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり ?

49

461

? あり1
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ? ? ? ? ? ? ?

1. From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,