transform-origin
- 版本：CSS3
- 继承性：无
语法：
transform-origin：[ <percentage> | <length> | left | center① | right ] [ <percentage> | <length> | top | center② | bottom ]?
默认值：50% 50%，效果等同于center center
取值：
- <percentage>：
- 用百分比指定坐标值。可以为负值。
- <length>：
- 用长度值指定坐标值。可以为负值。
- left：
- 指定原点的横坐标为left
- center①：
- 指定原点的横坐标为center
- right：
- 指定原点的横坐标为right
- top：
- 指定原点的纵坐标为top
- center②：
- 指定原点的纵坐标为center
- bottom：
- 指定原点的纵坐标为bottom
说明：
设置或检索对象以某个原点进行转换。
- 该属性提供2个参数值。
- 如果提供两个，第一个用于横坐标，第二个用于纵坐标。
- 如果只提供一个，该值将用于横坐标；纵坐标将默认为50%。
- 对应的脚本特性为transformOrigin。
兼容性：
- = 支持
- = 不支持
- = 部分支持
- = 实验性质
| 支持版本\类型 | |||||
|---|---|---|---|---|---|
| 版本 | 6.0-8.0 | 4.0-6.0 | 5.1 | 13.0 | 11.50-11.51 |
| 版本 | 9.0-10.0 |
写法：
| 内核类型 | 写法 |
|---|---|
| Webkit(Chrome/Safari) | -webkit-transform-origin |
| Gecko(Firefox) | -moz-transform-origin |
| Presto(Opera) | -o-transform-origin |
| Trident(IE) | -ms-transform-origin |
| W3C | transform-origin |