@supports (compatibility prefix)Baseline · Widely available
The @supports (-webkit-transform-3d) CSS media query is a standardized compatibility alternative to @supports (transform-style).
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Sep 20, 2016. Widely available since Mar 20, 2019.
Browser support
DesktopChrome
1–1Not supported
2+Supportedsince May 21, 2009
Current: 155Edge
12+Supportedsince Jul 29, 2015
Current: 154Firefox
1–48Not supported
49+Supportedsince Sep 20, 2016
Current: 157Safari
1–3.1Not supported
4+Supportedsince Jun 8, 2009
Current: 27MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155Firefox Android
4–48Not supported
49+Supportedsince Sep 20, 2016
Current: 157Safari iOS
1–3Not supported
3.2+Supportedsince Apr 3, 2010
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: -webkit-transform-3d.
Feature detection
There’s no simple runtime check for this feature; rely on the support table and test in your target browsers.