rotation-point

语法：

rotation-point：[ <percentage> | <length> | left | center | right | top | bottom ] | [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]

默认值：50% 50%

适用于：块元素

继承性：无

取值：

<percentage>：
用百分比指定坐标值。
<length>：
用长度值指定坐标值。
left：
指定原点的横坐标为left
center：
指定原点的横坐标或纵坐标为center
right：
指定原点的横坐标为right
top：
指定原点的纵坐标为top
bottom：
指定原点的纵坐标为bottom

说明：

检索或设置的对象旋转时所参照的坐标点。
  • rotation旋转以rotation-point设置的值作为参照原点进行旋转偏移。
  • 该属性类似transform-origin，可能会被替代或废弃。
  • 对应的脚本特性为rotationPoint。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6-10 4-18 5.1.7 13-25 11.5-12.5

示例：