Een animatie in CSS kan worden omgekeerd door de eigenschap “animation-direction” te gebruiken met de waarde “reverse”. Hier is een voorbeeld:
```
@keyframes myAnimation {
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: green;}
}
.myElement {
animation-name: myAnimation;
animation-duration: 5s;
animation-direction: reverse;
}
```
In dit voorbeeld begint de animatie bij groene achtergrondkleur, gaat naar geel op 50% en eindigt weer bij rood.
