このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
-webkit-transform-3d
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年9月.
-webkit-transform-3d はCSS の論理メディア特性でWebKit 拡張であり、ベンダー接頭辞付きの CSS 3Dtransform に対応していれば値がtrue になります。
メモ:このメディア特性は現在、大部分のブラウザーで対応していますが、可能であれば、代わりに@supports 機能クエリーを使用してください。
構文
-webkit-transform-3d はCSS の論理メディア特性であり、ベンダー接頭辞付きの CSS 3Dtransform に対応していれば値がtrue になります。
値
例
-webkit-transform-3d のメディアクエリーの例
css
@media (-webkit-transform-3d) { .foo { transform-style: preserve-3d; }}ブラウザーの対応を調べるよりよい方法は、機能クエリーをすることです。
css
@supports (transform-style) { .foo { transform-style: preserve-3d; }}仕様書
| Specification |
|---|
| Compatibility # css-media-queries-webkit-transform-3d |