CSS offset-anchor 属性

将 <img> 元素的右中心点固定到定义的路径：

img {
offset-path: path('M 50 80 C 150 -20 250 180 350 80');
offset-anchor: right center;
}

定义和用法

这个offset-anchor属性指定要沿着由定义的路径固定的元素上的点offset-path属性。

定义的点offset-anchor如果元素随着旋转而旋转，属性也将是旋转中心offset-rotate属性。

笔记：该属性目前仅适用于 Firefox 浏览器。

默认值：	汽车
遗传：	不
可动画：	是的。阅读可动画的尝试一下
版本：	CSS3
JavaScript 语法：	对象.style.offsetAnchor="bottom right"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
offset-anchor	Not supported	Not supported	72.0	Not supported	Not supported

offset-anchor: auto| value|initial|inherit;

Value	Description
auto	Default. The achored point will be in the center of the element, same as property value '50% 50%'.
left top left center left bottom right top right center right bottom center top center center center bottom	If you only specify one keyword, the other value will be "center"
xpos ypos	The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions
x% y%	The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. Default value is: 50% 50%
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit