css.properties.transform-origin.svg_elements

Spec

MDN URL

Status

On the standards track: Yes

Is Experimental: No

Is Deprecated: No

Browser Support

In Chrome version 19 on 2012-05-15

In Chrome Android version 25 on 2013-02-27

In Edge version 17 on 2018-04-30

In Firefox version 43 on 2015-12-15 Note: Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061.

In Firefox for Android version 43 on 2015-12-15 Note: Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061.

Not in Internet Explorer

In Quest Browser version 5.0 on 2018-07-01

In Opera version 15 on 2013-07-02

In Opera Android version 14 on 2013-05-21

In Safari version 6 on 2012-07-25 Note: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />).

In Safari on iOS version 6 on 2012-09-10 Note: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />).

In Samsung Internet version 1.5 on 2013-09-25

In WebView Android version 4.4 on 2013-12-09

In WebView on iOS version 6 on 2012-09-10 Note: Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />).