CSS/Eigenschaften/offset-anchor

Die Eigenschaft offset-anchor legt den Ankerpunkt des zu bewegenden Punktes fest.

erlaubte Werte	auto: entspricht transform-origin des Elements (Mittelpunkt) position: left, center, right, top, bottom Prozent- oder feste Längenangabe. So würde offset-anchor: 100%, 0%; die obere rechte Ecke des Objekts als Ankerpunkt festlegen. Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: auto
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja

Beispiel

.spaceship {
  offset-path: path('M100,250 q100,-200 200 0');
  offset-anchor: left top;
}

Das Element liegt nicht mit dem Mittelpunkt auf dem Animationspfad, sondern mit der linken, oberen Ecke.

Weblinks

• Spezifikation (W3C): offset-anchor property
• MDN: offset-anchor

Siehe auch

• CSS/Tutorials/Animation/offset#offset-anchor