-webkit-transform-2d
非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
-webkit-transform-2d
は CSS の論理メディア特性 で Chrome 拡張であり、ベンダー接頭辞付きの CSS の二次元 transform
に対応していれば値が true
になります。
Apple には Safari CSS リファレンスに説明があります。
構文
値
例
基本的な例
css
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
このメディア機能は WebKit でのみ対応しています。可能であれば、代わりに @supports
機能クエリを使用してください。
css
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
仕様書
どの標準でも定義されていません。
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-transform-2d media feature |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.