Meine erste Kampagne erstellen
Glossar · Animation

Keyframe

Schlüsselbild: ein Zeitpunkt der Animation, an dem festgelegt ist, wie ein Element aussieht; dazwischen berechnet der Browser die Bewegung.

Im Detail

In einer Animation legst du nur die wichtigen Momente fest (das Element erscheint, erreicht seinen Platz, verschwindet), und der Browser füllt die Zwischenstufen aus. Diese Momente sind die Keyframes.

In CSS werden sie mit @keyframes geschrieben. Mit JavaScript akzeptiert die Web Animations API (elemento.animate()) dieselbe Liste von Momenten und eine Dauer, zum Beispiel „bewege das hier in 0,6 Sekunden“.

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

Verwandte Begriffe

EasingSpriteStrich zeichnen

Wo er vorkommt

So bereitest du einen HTML5-Banner für den Ad Server vorLeitfaden
Zurück zum Glossar

Wende die Begriffe in der Praxis an.

Probier es mit einer echten Kampagne aus.

Meine erste Kampagne erstellenPreise ansehen