CSS animation-fill-mode Property

Example

Let the div element retain the style values from the last keyframe when the animation ends:

1div {
2  animation-fill-mode: forwards;
3}

Definition and Usage

The animation-fill-mode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).

CSS animations do not affect the element before the first keyframe is played or after the last keyframe is played. The animation-fill-mode property can override this behavior.