Timing Functions (CSS Animation)

Sowohl bei CSS Transition und CSS Animation wird die Feinsteuuerung der Tempokurve über eine Timing Function gesteuert. Es gibt die Presets "ease", "linear","ease-in","ease-out" und "ease-in-out". Außerdem kann man eigene Bezierkurven erstellen. Im Video wird gezeigt wie das geht.

Diese Timing-Functions spielen auch außerhalb des Web ein Rolle. Ob schon bei Disney oder aktuell bei Google Material Design - die Timing Functions spiegeln ein universeles Prinzip der Bewegung wieder.

Herzliche Grüße aus der Arnold-Bode-Schule in Kassel.

Ton
Thomas Erszeny (Post-Production)

Musik
Le Orange (Hip Hop Instrumental)
by Robbero (c) 2013
Licensed under a Creative Commons Attribution Noncommercial (3.0) license.