CSS offset-rotatie eigenschap

Definitie en gebruik

offset-rotate De eigenschap wordt gebruikt om de rotatiehoek van het element dat langs de weg beweegt in te stellen.

Stel de rotatiehoek van de drie <img>-elementen die langs de weg bewegen in:

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

Gebruik de turn-eenheid in plaats van deg om de rotatiehoek van het element te specificeren:

div {
  offset-rotate: 0.25turn;
}

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

Waarde	Beschrijving
auto	Het element is gericht op de richting waarin het langs de weg beweegt. Standaardwaarde.
angle	Specificeer de hoek van het element dat op een constant hoek draait.
auto angle	Specificeer zowel auto als angle，de hoek wordt toegevoegd aan de standaardrotatiehoek, in de klokwise richting.
reverse	Het element roteert in de tegengestelde richting van de standaardrotatie.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfgenomen van de ouderweergave. Raadpleeg inherit.

Standaardwaarde:	auto
Inheritantie:	Nee
Animatie maken:	Ondersteuning. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.offsetRotate="45deg"