-webkit-transform-3d

Baseline 已广泛支持

此特性已非常成熟，可在多种设备和浏览器版本上使用。自 ⁨2016 年 9 月⁩以来，它已在各大浏览器中可用。

-webkit-transform-3d 布尔型 CSS 媒体特性是一个 WebKit 扩展，如果支持带厂商前缀的 CSS 3D transform，则其值为 true。

注意： 虽然此媒体特性目前受大多数浏览器支持。如果可能，请改用 @supports 特性查询。

语法

-webkit-transform-3d 是一个布尔型 CSS 媒体特性，如果浏览器支持带有 -webkit 前缀的 CSS 3D transform，则其值为 true。

css

@media (-webkit-transform-3d) {
  .foo {
    transform-style: preserve-3d;
  }
}

检查浏览器支持的更好方法是使用特性查询

css

@supports (transform-style) {
  .foo {
    transform-style: preserve-3d;
  }
}

规范
兼容性 # css-media-queries-webkit-transform-3d

本页面最后由 MDN 贡献者在 2025 年 7 月 14 日修改。