-webkit-transform-3d

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

Tính năng media CSS Boolean -webkit-transform-3d là một phần mở rộng WebKit có giá trị là true nếu CSS 3D transform với tiền tố nhà cung cấp được hỗ trợ.

Note: Mặc dù tính năng media này hiện đang được hỗ trợ bởi hầu hết các trình duyệt, nếu có thể, hãy sử dụng truy vấn tính năng @supports thay thế.

Cú pháp

-webkit-transform-3d là tính năng media CSS Boolean có giá trị là true nếu trình duyệt hỗ trợ CSS 3D transform với tiền tố -webkit.

Giá trị

true

Trình duyệt hỗ trợ CSS 3D transform với tiền tố -webkit và hỗ trợ các truy vấn media có tiền tố không chuẩn.

false

CSS 3D transform có tiền tố -webkit không được trình duyệt hỗ trợ.

Ví dụ

Ví dụ về media queries với -webkit-transform-3d

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

Cách tốt hơn để kiểm tra hỗ trợ trình duyệt là sử dụng truy vấn tính năng:

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

Đặc tả

Specification
Compatibility
# css-media-queries-webkit-transform-3d

Tương thích trình duyệt

Xem thêm