CSS - Animation

Bewegung mit CSS läßt sich mit zwei unterschiedlichen Eigenschaften umsetzen.

transition
animation

Mit der Transition Eigenschaft kann man im Prinzip fast jede andere Eigenschaft Animieren. Wenn sich eine Eigenschaft ändert z.B. bei :hover ändert sich der Wert in kleinen Schritten über die Zeit. Dadurch entsteht die Animation.

Die Animation Eigenschaft geht einen Schritt weiter. Sie greift die Idee der Keyframes aus dem Videoschnitt auf. So kann man sehr dedizierte Animationen Schaffen.

Siehe auch

CSS Transitions
CSS Animation
Animation im Web
https://www.youtube.com/watch?v=8kK-cA99SA0 (Transition)
https://daneden.github.io/animate.css/