CSS/Eigenschaften/offset-anchor

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch