-webkit-transform-2d

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

Note: Tất cả các trình duyệt đều hỗ trợ thuộc tính transform mà không cần tiền tố nhà cung cấp. Chỉ các trình duyệt dựa trên WebKit (Safari), không phải Chromium, mới hỗ trợ tính năng media -webkit-transform-2d. Không có trình duyệt nào hỗ trợ transform, không có tiền tố hoặc phần mở rộng 2d, dưới dạng truy vấn media. Hãy sử dụng truy vấn tính năng @supports (transform) thay thế.

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

Apple có mô tả trong Safari CSS Reference.

Cú pháp

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

Giá trị

true

Trình duyệt hỗ trợ CSS 2D transform với tiền tố -webkit.

false

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

Ví dụ

Ví dụ cơ bản

css
@media (-webkit-transform-2d) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

Tính năng media này chỉ được hỗ trợ bởi WebKit. Thuộc tính transform không có tiền tố được hỗ trợ trong tất cả các trình duyệt hiện đại. Nếu có thể, hãy sử dụng truy vấn tính năng @supports thay thế:

css
@supports (-webkit-transform: translate(100px, 100px)) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

Đặc tả

Không thuộc bất kỳ tiêu chuẩn nào.

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

Xem thêm