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>
  • <circle()>
  • <ellipse()>
  • <inset()>
  • <polygon()>
• <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.

Siehe auch

• Pfad-Animationen

  entlang von Kurven, Schleifen und elliptischen Umlaufbahnen

   
• animierte Textpfade
  • Lauftext
  • Rotationen
  • Einblendungen
   

Weblinks

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