CSS-animasjonsgenerator for sene mennesker.
CSS-animasjoner
CSS tillater animasjon av HTML-elementer som brukes til å bruke JavaScript eller Flash
I dette kapittelet vil du lære om følgende egenskaper:
- @keyframes
- animasjonsnavn
- animasjon-varighet
- animasjonsforsinkelse
- animasjon-iterasjon-fortelling
- animasjonsretning
- animasjon-timing-funksjon
- animasjon-fyll-modus
- animasjon
Nettleserspesifikke prefikser
Noen eldre nettlesere trenger spesielle prefikser (-webkit-) for å forstå animasjonsegenskapene
Hva er CSS-animasjoner?
En animasjon lar et element gradvis endre seg fra en stil til en annen.
Du kan endre så mange CSS-egenskaper du vil, så mange ganger du vil.
For å bruke CSS-animasjon må du først spesifisere noen nøkkelbilder for animasjonen.
Keyframes inneholder hvilke stiler elementet vil ha til bestemte tider.
@keyframes-regelen
Når du spesifiserer CSS-stiler i @keyframes-regelen, vil animasjonen gradvis endres fra gjeldende stil til den nye stilen til bestemte tider.
