offset-anchor CSS Property

The offset-anchor property specifies which point of the element's box follows the offset-path. Defaults to the element's transform-origin.

.pointer { offset-anchor: top; }

.car { offset-anchor: 50% 100%; offset-path: path('M 0 0 L 200 100'); }

min:0 max:9999 step:1

units:% | px | em | rem

autoAnchor point aligned with transform-origin (default value).

topAnchor at the top edge of the element.

rightAnchor at the right edge of the element.

bottomAnchor at the bottom edge of the element.

leftAnchor at the left edge of the element.

centerAnchor at the center of the element.

Motion Path Module Level 1

Editor's Draft

Show all code