-webkit-transform-2d
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
メモ:
すべてのブラウザーが、ベンダー接頭辞なしの transform プロパティに対応しています。Chromium ベースのブラウザーではなく、 WebKit (Safari) だけが -webkit-transform-2d メディア特性に対応しています。メディアクエリーとして接頭辞や 2d なしの transform に対応しているブラウザーはありません代わりに、 @supports (transform) 機能クエリーを使用してください。
-webkit-transform-2d は CSS の論理メディア特性 で WebKit 拡張であり、ベンダー接頭辞付きの CSS の 2D transform に対応していれば値が true になります。
Apple には Safari CSS リファレンスに説明があります。
構文
値
例
基本的な例
css
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
このメディア機能は WebKit のみが対応しています。接頭辞のない transform プロパティは、現在のすべてのブラウザーが対応しています。可能であれば、代わりに @supports 機能クエリーを使用してください。
css
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
仕様書
どの標準でも定義されていません。