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.

Beachten Sie: Die Spezifikation nennt sich Motion Path, die Eigenschaften wurden aber in offset-… umbenannt.

Siehe auch

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

Weblinks

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