CSS/Eigenschaften/offset

Browserunterstützung
caniuse.com

Die Eigenschaft offset ist die Zusammenfassung der Eigenschaften offset-path, offset-distance und offset-rotate

Erlaubte Werte

• siehe Einzelwerte

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

• offset-path: none
• offset-distance: 0
• offset-rotate: auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

.box {
  offset: path('M100,250 q100,-200 200 0') 10% reverse;
}

Während der Animation folgt .box dem vorgegebenen Pfad, der mit der path()-Funktion definiert wurde.

Siehe auch

• Pfad-Animationen

  entlang von Kurven, Schleifen und elliptischen Umlaufbahnen

   
• animierte Textpfade
  • Lauftext
  • Rotationen
  • Einblendungen
   

Weblinks

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