🎨 CSS Animation Fill Modes

Definition: animation-fill-mode controls how an element looks before and after the animation.

Lesson 1: animation-fill-mode: `none`

The element returns to its original style after the animation ends.

Lesson 2: animation-fill-mode: `forwards`

The element keeps the final style (end of animation).

Lesson 3: animation-fill-mode: `backwards`

The element shows the first style during animation delay.

Lesson 4: animation-fill-mode: `both`

The element applies the first style during delay and keeps the final style after.