Skip to content
On this page

Animation Fill Mode

ClassProperties (MDN)
animate-fill-noneanimation-fill-mode: none;
animate-fill-forwardsanimation-fill-mode: forwards;
animate-fill-backwardsanimation-fill-mode: backwards;
animate-fill-bothanimation-fill-mode: both;

By default animation-fill-mode is set to both for all animations in Animate.css.

You can use arbitrary values if you need to reference some globals or write the fill mode for multiple animations:

html
<div class="animate-fill-[both,forwards,none]">Foo</div>
<div class="animate-fill-[unset]">Bar</div>

Released under the MIT License.