Animation Fill Mode
Class | Properties (MDN) |
---|---|
animate-fill-none | animation-fill-mode: none; |
animate-fill-forwards | animation-fill-mode: forwards; |
animate-fill-backwards | animation-fill-mode: backwards; |
animate-fill-both | animation-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>