-webkit-transform-3d CSS media feature - CSS | MDN
Skip to search
-webkit-transform-3d
CSS media feature
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.
See full compatibility
Report feedback
The
-webkit-transform-3d
Boolean
CSS
media feature
is a
WebKit extension
whose value is
true
if vendor-prefixed CSS 3D
transform
s are supported.
Note:
While this media feature is currently
supported by most browsers
. If possible, use an
@supports
feature query instead.
Syntax
-webkit-transform-3d
is a Boolean
CSS
media feature
whose value is
true
if the browser supports
-webkit
prefixed CSS 3D
transform
s.
Values
true
The browser supports the 3D CSS transforms with the
-webkit
prefix and supports non-standard, prefixed media queries.
false
The 3D CSS transforms prefixed with
-webkit
are not supported by the browser.
Examples
Examples of media queries with -webkit-transform-3d
css
@media (-webkit-transform-3d) {
.foo {
transform-style: preserve-3d;
A better method for checking for browser support is using a feature query:
css
@supports (transform-style) {
.foo {
transform-style: preserve-3d;
Specifications
Specification
Compatibility
# css-media-queries-webkit-transform-3d
Browser compatibility
See also
-webkit-transform-2d
-webkit-transition
-webkit-animation
transform
and
using CSS transforms
@media
and
Using media queries
@supports
and
using feature queries
Help improve MDN
Learn how to contribute
This page was last modified on
Apr 20, 2026
by
MDN contributors
View this page on GitHub
Report a problem with this content