CSS offset-rotate Eigenschaft

Definition und Verwendung

offset-rotate Diese Eigenschaft wird verwendet, um den Drehwinkel von Animationselementen, die entlang eines Pfades bewegt werden, zu setzen.

Setzen Sie den Drehwinkel der drei <img>-Elemente, die entlang eines Pfades bewegt werden, fest:

#fish1 {
  offset-rotate: auto;
}
#fish2 {
  offset-rotate: auto 90deg;
}
#fish3 {
  offset-rotate: 90deg;
}

Verwenden Sie die Einheit turn anstelle von deg, um den Drehwinkel des Elements zu bestimmen:

div {
  offset-rotate: 0.25turn;
}

offset-rotate: auto|angle|initial|inherit;

Wert	Beschreibung
auto	Das Element ist in die Richtung gerichtet, in die es entlang des Pfades bewegt wird. Standardwert.
angle	bestimmen Sie den Winkel, um das Element um einen konstanten Winkel zu drehen.
auto angle	Geben Sie gleichzeitig auto und angle，der Winkel wird zur Standardrotation addiert, im Uhrzeigersinn.
reverse	Das Element dreht sich in die entgegengesetzte Richtung zur Standardrotation.
initial	Setzen Sie diesen Wert auf seinen Standardwert. Siehe: initial.
inherit	Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Standardwert:	auto
Vererbbarkeit:	Nein
Animationserstellung:	Unterstützt. Siehe:Eigenschaften, die mit Animationen zu tun haben.
Version:	CSS3
JavaScript-Syntax:	object.style.offsetRotate="45deg"

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Eigenschaft vollständig unterstützen.

Chrome	Edge	Firefox	Safari	Opera
56	79	72	16	43