transform-origin

The transform-origin SVG attribute sets the origin for an item's transformations.

Read More at MDN DocsView Spec

Safe to Use

transform-origin is not safe to use.

It’s supported by 72% of global browsers.

Browsers

ChromeDec 11, 2008v1.0.0
26%100%
100% of Chrome users are running a supported version.
SafariUnsupported
Safari does not support this feature.
EdgeUnknownv1.0.0
5%100%
100% of Edge users are running a supported version.
FirefoxJun 2, 2020v77.0.0
2%98%
There are no users of Firefox running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 11, 2008 v1.0.0
26%100%
100% of Chrome users are running a supported version.
Dec 11, 2008 – Latest
v1.0.0+
26%100%

Full Support

Chrome Android
Unknown v1.0.0
36%100%
100% of Chrome Android users are running a supported version.
Unknown
v1.0.0+
36%100%

Full Support

Edge
Unknown v1.0.0
5%100%
100% of Edge users are running a supported version.
Unknown
v1.0.0+
5%100%

Full Support

Firefox
Jun 2, 2020 v77.0.0
2%98%
There are no users of Firefox running a supported version.
Jun 2, 2020 – Latest
v77.0.0+
2%98%

Full Support

Firefox for Android
Unsupported
Firefox for Android does not support this feature.

No Support

Internet Explorer
Unsupported
Internet Explorer does not support this feature.

No Support

 
Quest Browser
Unknown v1.0.0
Quest Browser supports this feature.
Unknown
v1.0.0+

Full Support

Opera
Unknown v1.0.0
1%100%
100% of Opera users are running a supported version.
Unknown
v1.0.0+
1%100%

Full Support

Opera Android
Unknown v1.0.0
Opera Android supports this feature.
Unknown
v1.0.0+

Full Support

Safari
Unsupported
Safari does not support this feature.
Jun 23, 2003 – Latest
v1.0.0+
5%100%

Partial Support

Does not work with transform SVG presentation attribute. Only works with transform CSS property. See bug 201854.

Safari on iOS
Unsupported
Safari on iOS does not support this feature.
Jun 29, 2007 – Latest
v1.0.0+
17%100%

Partial Support

Does not work with transform SVG presentation attribute. Only works with transform CSS property. See bug 201854.

Samsung Internet
Apr 27, 2013 v1.0.0
2%100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%100%

Full Support

WebView Android
Sep 23, 2008 v1.0.0
WebView Android supports this feature.
Sep 23, 2008 – Latest
v1.0.0+

Full Support

Contribute