Exit Animations

Animate elements out of view with fade and scale exit effects.

Fade Out

<div class="velin-animate-fade-out">Fades to transparent</div>
<div class="velin-animate-fade-out-up">Fades out moving up</div>
<div class="velin-animate-fade-out-down">Fades out moving down</div>

Scale Out

<div class="velin-animate-scale-out">Shrinks to nothing</div>

Fill Mode

Exit animations typically need .velin-fill-forwards so the element stays hidden after the animation completes:

<div class="velin-animate-fade-out velin-fill-forwards">
  Gone after animation
</div>