How can an animation that has already been executed be reversed using only CSS?

edit

To reverse an animation that has already been executed using only CSS, you can use the animation-direction property. By setting this property to reverse, the animation will play backwards.

For example, if you have an animation called myAnimation with a duration of 2 seconds and you want to reverse it, you can do the following:

animation-name: myAnimation;
animation-duration: 2s;
animation-direction: reverse;

This will cause the animation to play backwards for a duration of 2 seconds, effectively reversing the animation.