Manuale di riferimento CSS

proprietà-CSS

offset-rotate L'attributo viene utilizzato per impostare l'angolo di rotazione degli elementi animati che si muovono lungo il percorso.

Impostare l'angolo di rotazione degli elementi <img> che si muovono lungo il percorso:

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

Specificare l'angolo di rotazione dell'elemento utilizzando l'unità turn invece di deg:

div {
  offset-rotate: 0.25turn;
}

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

Valore	Descrizione
auto	L'elemento si rivolge nella direzione in cui si muove lungo il percorso. Valore predefinito.
angle	Specificare l'angolo di rotazione dell'elemento in modo costante.
auto angle	Specificare contemporaneamente auto e angle，l'angolo viene aggiunto all'angolo di rotazione predefinito, in senso orario.
reverse	L'elemento ruota nella direzione opposta alla rotazione predefinita.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Valore predefinito:	auto
Ereditarietà:	No
Produzione di animazioni:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.offsetRotate="45deg"