CSS offset-rotate egenskab

Definisjon og bruk

offset-rotate Egenskapen brukes til å sette rotasjonsvinkelen for animasjonselementer som beveger seg langs stien.

Eksempel

Eksempel 1

Sett rotasjonsvinkelen for de tre <img>-elementene som beveger seg langs stien:

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

Prøv det selv

Eksempel 2

Bruk turn-enheten i stedet for deg å spesifisere elementets rotasjonsvinkel:

div {
  offset-rotate: 0.25turn;
}

Prøv det selv

CSS-syntaks

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

Egenskapsverdi

Verdi Beskrivelse
auto Elementet vender seg mot den retningen det beveger seg langs stien. Standardverdi.
angle Spesifiser vinkelen til elementet som roterer med en konstant vinkel.
auto angle Samtidig spesifiser auto og angle,vinkelen legges til standardrotasjonsvinkelen, medurs.
reverse Elementet roterer i motsatt retning av standardrotasjonen.
initial Sett denne egenskapen til sin standardverdi. Se: initial.
inherit Arv denne egenskapen fra foreldrelementet. Se: inherit.

Teknisk detalj

Standardverdi: auto
Arv: Nei
Animasjon: Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon: CSS3
JavaScript-syntaks: object.style.offsetRotate="45deg"

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne egenskapen.

Chrome Edge Firefox Safari Opera
56 79 72 16 43

Relaterede sider

Tutorial:SVG-paths

Tutorial:CSS animation

Referencer:CSS offset egenskab

Referencer:CSS offset-anchor egenskab

Referencer:CSS offset-distance egenskab

Referencer:CSS offset-path egenskab

Referencer:CSS offset-position egenskab