CSS offset-rotate egenskab
- Forrige side Offset-position
- Næste side Opacity
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; }
Eksempel 2
Bruk turn-enheten i stedet for deg å spesifisere elementets rotasjonsvinkel:
div { offset-rotate: 0.25turn; }
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
- Forrige side Offset-position
- Næste side Opacity