Attribut offset-rotate CSS

Définition et utilisation

offset-rotate Cette propriété est utilisée pour définir l'angle de rotation des éléments animés se déplaçant le long du chemin.

Définissez l'angle de rotation des trois éléments <img> se déplaçant le long du chemin :

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

Utilisez l'unité turn au lieu de deg pour spécifier l'angle de rotation de l'élément :

div {
  offset-rotate: 0.25tour;
}

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

Valeur	Description
auto	L'élément est orienté dans la direction de déplacement le long du chemin. Valeur par défaut.
angle	Spécifiez l'angle de rotation de l'élément en angle constant.
auto angle	Spécifiez à la fois auto et angle，l'angle est ajouté à l'angle de rotation par défaut, dans le sens horaire.
reverse	L'élément tourne dans le sens opposé à la rotation par défaut.
initial	Réinitialise cette propriété à sa valeur par défaut. Voir : initial.
inherit	Inherits cette propriété de son élément parent. Voir : inherit.

Valeur par défaut :	auto
Héritabilité :	Non
Réalisation des animations :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.offsetRotate="45deg"