-webkit-transform-3d
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年9月以降、すべてのブラウザーで利用可能です。
-webkit-transform-3d は CSS の論理メディア特性で WebKit 拡張であり、ベンダー接頭辞付きの CSS 3D transform に対応していれば値が true になります。
メモ:
このメディア特性は現在、大部分のブラウザーが対応していますが、可能であれば、代わりに @supports 機能クエリーを使用してください。
構文
-webkit-transform-3d は CSS の論理メディア特性であり、ベンダー接頭辞付きの CSS 3D transform に対応していれば値が true になります。
値
例
-webkit-transform-3d のメディアクエリーの例
css
@media (-webkit-transform-3d) {
.foo {
transform-style: preserve-3d;
}
}
ブラウザーの対応を調べるよりよい方法は、機能クエリーをすることです。
css
@supports (transform-style) {
.foo {
transform-style: preserve-3d;
}
}
仕様書
| 仕様書 |
|---|
| Compatibility # css-media-queries-webkit-transform-3d |