Animation fill mode

Decides what an element looks like before and after an animation.

What does animation-fill-mode do?

animation-fill-mode decides what an element looks like before an animation starts and after it ends. forwards keeps the last frame.

.fade-in { animation: appear 0.5s forwards; }   /* stays visible when done */

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026