-webkit-transform-2d

非标准：此功能是非标准的，并且不在标准跟踪中。不要在面向 Web 的生产站点上使用它：它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

注意：所有浏览器都支持 transform 属性，无需供应商前缀。只有基于 WebKit（Safari）的浏览器，而不是 Chromium，才支持 -webkit-transform-2d 媒体特性。没有浏览器支持 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。

值

true

浏览器支持带有 -webkit 前缀的 2D CSS 变换。

false

浏览器不支持带有 -webkit 前缀的 2D 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);
  }
}

规范

不属于任何标准。

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅