Animations
Explore CSS animations by learning how to use keyframes and the animation property to control movement, color changes, and timing. Understand how to combine multiple animations and manage animation flow with subproperties. This lesson helps you add dynamic visual effects to your web pages using CSS.
We'll cover the following...
CSS animations
CSS animations are a great way to animate CSS properties from one to another. While we can use transitions to perform single movements, animations give us much finer control.
Some common properties we might animate include colors (color and background-color) and numbers (height and width).
Creating an animation
An animation consists of a style rule that describes the animation and a set of keyframes indicating the start and end states of that style. We can also optionally add waypoints.
Let’s ...
In the code above, ...