-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);
}
}
規範
不屬於任何標準。
瀏覽器相容性
載入中…