-webkit-transform-2d
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
注意：所有浏览器都支持 transform 属性，无需供应商前缀。只有基于 WebKit（Safari）的浏览器支持 -webkit-transform-2d 媒体特性，基于 Chromium 的浏览器则不支持。没有浏览器支持 transform（不带前缀或 2d 扩展）作为媒体查询。请改用 @supports (transform) 特性查询。
-webkit-transform-2d 布尔型 CSS 媒体特性 是一个 WebKit 扩展，如果支持带供应商前缀的 CSS 2D transform 和非标准带供应商前缀的媒体查询，则其值为 true。
Apple 在 Safari CSS 参考中有一段描述。
语法
-webkit-transform-2d 是一个布尔型 CSS 媒体特性，如果浏览器支持带 -webkit 前缀的 CSS 2D transform，则其值为 true。
值
示例
基本示例
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);
}
}
规范
不属于任何标准。
浏览器兼容性
加载中…