Include animate.css
<head>
<link rel="stylesheet" href="animate.min.css">
</head>Include jQuery and jquery-scrolla
<script src="jquery.min.js"></script>
<script src="/dist/js/jquery-scrolla.min.js"></script>
Add html
<div
class="animate"
data-animate="bounceIn"
data-duration="1s"
data-delay="0.5s"
data-offset="100"
data-iteration="1">
</div>Initialize plugin
$(document).ready(function(){
$('.animate').scrolla();
});Custom settings
$('.animate').scrolla({
// default
mobile: false, // disable animation on mobiles
once: false, // only once animation play on scroll
animateCssVersion: 4 // used animate.css version (3 or 4)
});