Woordenlijst · Animatie

Keyframe

Sleutelframe: een moment van de animatie waarop wordt bepaald hoe een element eruitziet; tussen twee keyframes berekent de browser de beweging.

In detail

Bij een animatie definieer je alleen de belangrijke momenten (het element verschijnt, bereikt zijn plek, verdwijnt) en de browser vult wat ertussen zit. Die momenten zijn de keyframes.

In CSS schrijf je ze met @keyframes. Met JavaScript accepteert de Web Animations API (elemento.animate()) dezelfde lijst van momenten en een duur, bijvoorbeeld “beweeg dit gedurende 0,6 seconden”.

Voorbeeld

@keyframes entra { from { opacity: 0 } to { opacity: 1 } }

Gerelateerde termen

Easing Sprite Lijn tekenen

Waar het voorkomt

Hoe je een HTML5-banner voorbereidt voor de ad serverGids

Terug naar de woordenlijst

Zet de termen in de praktijk.

Probeer het met een echte campagne.

Maak mijn eerste campagne Bekijk de prijzen