CSS/Eigenschaften/offset-anchor

Browserunterstützung
caniuse.com

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

Standardwert

auto

anwendbar auf

alle Elemente

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.

Siehe auch

• Pfad-Animationen

  entlang von Kurven, Schleifen und elliptischen Umlaufbahnen

   
• animierte Textpfade
  • Lauftext
  • Rotationen
  • Einblendungen
   

Weblinks

• offset-anchor property (W3C)
• offset-anchor (MDN)
• Details: caniuse.com