Mikro-Animationen

Transitions

Übergänge können gut und einfach mit CSS angewendet werden. Wir definieren zwei Zustände (wenn ich mit der Maus über das Element fahre ist hat es Grösse X, wenn das nicht der Fall ist Grösse Y), der Browser berechnet die Zwischenwerte und erstellt die Animation.

Ausgangslage - noch ohne Übergang

Mit Transition

Komplexere Animationen

Mit CSS sind auch komplexere Animationen programmierbar. Das Stichwort sind Keyframes.

Weiter sind auch Animationen mit JavaScript programmierbar.