<head>
<link rel="stylesheet" href="animate.min.css">
</head>
<div class="animate fadeInLeft">
<!-- тут может быть содержимое элемента -->
</div>
Нам теперь нужно, чтобы анимации элементов вашего landing page (или другой обычной страницы) появлялись при скролле. Тут нам поможет инструмент wow.js. Посмотреть, что это такое и скачать его можно тут. Скачиваем и подключаем скрипт после jquery:
<!-- тут какой-то код вашей страницы -->
<script type="text/javascript" src="wow.min.js"></script>
</body>
</html>
<!-- тут какой-то код вашей страницы -->
Далее нам нужно инициализировать его:
<script type="text/javascript" src="wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</body>
</html>
А теперь последний штрих: меняем в анимированных элементах класс animate на класс wow:
<div class="wow fadeInLeft">
<!-- тут может быть содержимое элемента -->
</div>
