Anim on Viewport Enter Scroll

Animon JavaScript Library Example

A tiny JavaScript library that triggers CSS animations on elements as they enter the viewport.

Keep Scrolling

fadeInDown
fadeInUp
scaleUp
scaleDown









...







...







...

<div class="animonItem is-visible"
<div class="animonItem is-visible" data-effect="fadeInRight"
<div class="animonItem" data-effect="scaleUp"
<div class="animonItem" data-effect="scaleDown"
<div class="animonItem" data-effect="fadeInDown"
<div class="animonItem" data-effect="fadeInUp"
<div class="animonItem is-visible" data-effect="fadeIn"