Animate through Multiple States with Framer Motion Keyframes

The value's you pass to the animate prop don't have to just be a single value. You can actually animate through multiple states with Keyframes. You'll do this by passing an array of values to the animate property and Framer Motion will animate through each value.

These Keyframes can be customized with the transition prop just like any other animation.