Animations
Animations move static images in a way that makes them appear as
though they are moving.
Unlike transitions, animations use the @keyframes rule, which
allows you to adjust the timings of an animation.
You can dictate when an action occurs by using a percent. i.e. 50% of
the way through this animation, the element should be yellow.
<!doctype html>