Arty - Scroll Animations

fade


<div class="bg-dark p-4" data-sal="fade" data-sal-delay="100">
  <p>fade</p>
</div>

slide-up


<div class="bg-dark p-4" data-sal="slide-up" data-sal-delay="100">
  <p>fade</p>
</div>

slide-down


<div class="bg-dark p-4" data-sal="slide-down" data-sal-delay="100">
  <p>fade</p>
</div>

slide-left


<div class="bg-dark p-4" data-sal="slide-left" data-sal-delay="100">
  <p>fade</p>
</div>

slide-right


<div class="bg-dark p-4" data-sal="slide-right" data-sal-delay="100">
  <p>fade</p>
</div>

zoom-in


<div class="bg-dark p-4" data-sal="zoom-in" data-sal-delay="100">
  <p>fade</p>
</div>

zoom-out


<div class="bg-dark p-4" data-sal="zoom-out" data-sal-delay="100">
  <p>fade</p>
</div>

flip-up


<div class="bg-dark p-4" data-sal="flip-up" data-sal-delay="100">
  <p>fade</p>
</div>

flip-down


<div class="bg-dark p-4" data-sal="flip-down" data-sal-delay="100">
  <p>fade</p>
</div>

flip-left


<div class="bg-dark p-4" data-sal="flip-left" data-sal-delay="100">
  <p>fade</p>
</div>

flip-right


<div class="bg-dark p-4" data-sal="flip-right" data-sal-delay="100">
  <p>fade</p>
</div>