Sequencing & Timing

Fill mode

Whether an element keeps its first or last frame's styles before the animation starts or after it ends.

animation-fill-mode: forwards holds the final frame after finishing.

forwards
none
Compare forwards and none: one holds, one snaps back
Study this deck
← DurationStepped animation →

One of 266 cards in the Design deck. Browse every card.