-webkit-transform-2d
Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -webkit-transform-2d
Boolean CSS media feature is a Chrome extension whose value is true
if vendor-prefixed CSS 2D transform
s are supported.
Apple has a description in Safari CSS Reference.
Syntax
-webkit-transform-2d
is a Boolean CSS media feature whose value is true
if the browser supports -webkit
prefixed CSS 2D transform
s.
Values
true
-
The browser supports the 2D CSS transforms with the
-webkit
prefix. false
-
The 2D CSS transforms prefixed with
-webkit
are not supported by the browser.
Examples
Basic example
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
This media feature is only supported by WebKit. If possible, use an @supports
feature query instead:
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Specifications
Not part of any standard.
Browser compatibility
BCD tables only load in the browser