transformOrigin

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Syntax: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?

Initial value: 50% 50% 0

| Chrome  |  Firefox  | Safari  |  Edge  |   IE    |
| :-----: | :-------: | :-----: | :----: | :-----: |
|   36    |    16     |    9    |   12   |   10    |
|    1′   |    3.5′   |    2′   |        |    9′   |

See also