2D transforms
Widely available since 2018-03-30 (baseline high)
The transform
CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.
Compatibility (view on caniuse.com)
- Chrome 36 Released on 2014-07-16
- Chrome Android 36 Released on 2014-07-16
- Edge 12 Released on 2015-07-29
- Firefox 16 Released on 2012-10-09
- Firefox for Android 16 Released on 2012-10-09
- Safari 9 Released on 2015-09-30
- Safari on iOS 9 Released on 2015-09-16
MDN docs
Specifications
BCD data
- css.types.transform-function
- css.types.transform-function.matrix
- css.types.transform-function.rotate
- css.types.transform-function.scale
- css.types.transform-function.scaleX
- css.types.transform-function.scaleY
- css.types.transform-function.skew
- css.types.transform-function.skewX
- css.types.transform-function.skewY
- css.types.transform-function.translate
- css.types.transform-function.translateX
- css.types.transform-function.translateY
- css.properties.transform
- css.properties.transform-origin