CSS animations are rad and the concept is fairly simple. Name the animation, define the movement in
@keyframes and then call that animation on an element. If you haven’t worked with them, you can level up on the syntax right here in the Almanac.
While the concept is simple, there are little tricks to make the animations seem complex and one of those is multi-step transitions. That’s what we’re going to look at in this post..