Individual transform propertiesBaseline · Widely available
The translate, rotate, and scale CSS properties apply single transformations independently, as opposed to applying multiple transformations with the transform CSS property.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Aug 5, 2022. Widely available since Feb 5, 2025.
Browser support
DesktopChrome
1–103Not supported
104+Supportedsince Aug 2, 2022
Current: 155Edge
12–103Not supported
104+Supportedsince Aug 5, 2022
Current: 154Firefox
1–71Not supported
72+Supportedsince Jan 7, 2020
Current: 157Safari
1–14Not supported
14.1+Supportedsince Apr 26, 2021
Current: 27MobileChrome Android
18–103Not supported
104+Supportedsince Aug 2, 2022
Current: 155Firefox Android
4–68Not supported
79+Supportedsince Jul 28, 2020
Current: 157Safari iOS
1–14Not supported
14.5+Supportedsince Apr 26, 2021
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: rotate.
Feature detection
CSS · check before using
@supports (rotate: initial) {
/* styles that rely on rotate */
}
/* or in JavaScript */
if (CSS.supports("rotate", "initial")) {
// use it
}Documentation (MDN)
Specification
Sub-features
Support for each part of the feature (7). The overall table above shows when the whole feature works.