CSS/Eigenschaften/offset-path

Browserunterstützung
caniuse.com

Die Eigenschaft offset-path legt den Pfad fest, auf dem sich das zu animierende Objekt befindet und bewegt

Erlaubte Werte

• url()
• <basic-shape>
• <path()>
• <geometry-box>
• none (Standardwert)

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

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

Die Eigenschaft erhält als Wert die path()-Funktion. Sie definiert einen Pfad, an dem das Element entlang geführt wird.

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

Siehe auch

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

Weblinks

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