-webkit-transform-3d

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

true

浏览器支持带 -webkit 前缀的 3D CSS 变换，并支持非标准的前缀媒体查询。

false

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

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

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

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

• -webkit-transform-2d
• -webkit-transition
• -webkit-animation
• quirksmode.org 上的测试页面
• transform 和 使用 CSS 变换
• @media 和 使用媒体查询
• @supports 和 使用特性查询