I never fully understood the values of
animation-direction, the property that tells the animation in which direction to play. It’s difficult to differentiate between
alternate-reverse without a visiual reference. I created the animation above to demonstrate all of the values of
Each set of dots performs the same animation, but in a different direction. You can see the animation run infinitely on CodePen.