Oppstarts-animasjon for spillet vårt.
Her skal vi ha en tanks som kjører rundt spillbrettet vårt.
Sjekk CSS tabben i codepen for å se hvordan animasjonen er laget.
Legg merke til at animasjonen har navnet walk-about, den skal
vare i 15s, endringene skal være linear (ikke ease), og den skal
gjenntas i det uendelige.
For hver keyframe har jeg spesifisert en posisjon (top,left) og en rotasjon. Legg merke til at jeg har en keyframe på 25% og en på 28%. Endring i rotasjonen skal skje mellom 25% og 28%.
Dersom du ser gjennom tidligere eksamensoppgaver så vil du se at de aller fleste er enklere enn dette.
See the Pen TankAnimation by audun hauge (@audunhauge) on CodePen.