Sample Code
<div style="height: 100vh"></div>
<div class="items gap">
<div class="item">
<h3>Fade In</h3>
<p class="animate-fadeIn slow">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
</div>
<div class="item">
<h3>Fade In Up</h3>
<p class="animate-fadeInUp">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
</div>
<div class="spacer-x3"></div>
<h3>Zoom In</h3>
<div class="items gap">
<div class="item animate-zoom"><img src="/themes/zuvipro/images/demo/team/team1.jpg" alt="image" /></div>
<div class="item animate-zoom"><img src="/themes/zuvipro/images/demo/team/team2.jpg" alt="image" /></div>
<div class="item animate-zoom"><img src="/themes/zuvipro/images/demo/team/team3.jpg" alt="image" /></div>
</div>
<div class="spacer-x3"></div>
<h3>Bounce In</h3>
<div class="items gap">
<div class="item animate-bounce"><img src="/themes/zuvipro/images/demo/team/team1.jpg" alt="image" /></div>
<div class="item animate-bounce"><img src="/themes/zuvipro/images/demo/team/team2.jpg" alt="image" /></div>
<div class="item animate-bounce"><img src="/themes/zuvipro/images/demo/team/team3.jpg" alt="image" /></div>
</div>
<div class="spacer-x3"></div>
<h3>Flip</h3>
<div class="items gap">
<div class="item animate-flip"><img src="/themes/zuvipro/images/demo/team/team1.jpg" alt="image" /></div>
<div class="item animate-flip"><img src="/themes/zuvipro/images/demo/team/team2.jpg" alt="image" /></div>
<div class="item animate-flip"><img src="/themes/zuvipro/images/demo/team/team3.jpg" alt="image" /></div>
</div>
<div class="spacer-x3"></div>
<h3>Bounce In Up</h3>
<div class="items gap">
<div class="item animate-bounceUp"><img src="/themes/zuvipro/images/demo/team/team1.jpg" alt="image" /></div>
<div class="item animate-bounceUp"><img src="/themes/zuvipro/images/demo/team/team2.jpg" alt="image" /></div>
<div class="item animate-bounceUp"><img src="/themes/zuvipro/images/demo/team/team3.jpg" alt="image" /></div>
</div>
