-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 日修改。