CSS/Eigenschaften/offset-distance

Browserunterstützung
caniuse.com

Die Eigenschaft offset-distance verschiebt Startposition vom Anfang des Pfades an eine gewünschte Stelle

Erlaubte Werte

• Längenangabe: positive oder negative Zahl oder eines Prozentwertes, 0 entspricht dem Anfang des Pfades, 100% dem Ende.

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

 offset-path: path('M100,250 q100,-200 200 0');
 offset-distance: 10%;

Das Element wurde um 10% aus dem Animationspfad verschoben.

Siehe auch

• Pfad-Animationen

  entlang von Kurven, Schleifen und elliptischen Umlaufbahnen

   
• animierte Textpfade
  • Lauftext
  • Rotationen
  • Einblendungen
   

Weblinks

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