wow js animate.css анимация при прокрутке страницы все эффекты

Многие пользователи интернета сталкивались с красивыми эффектами при прокрутке страниц, как различные заголовки текста, картинки, кнопки делают различную анимацию. В основном такое встречается на Landing Page (продающие страницы, целевая страница) — вот там они действительно нужны — это очень красиво для посетителя, но и тут нужно знать меру и не перестараться с динамикой. А так на блогах и других сайтах считаю, что такие эффекты не нужны, чем проще тем лучше, как многие говорят, что пользователю интернет ресурсов нужно достичь своей цели в три клика и это на самом деле так.

Скрипт animate.css дает очень большие возможности для веб мастера — верстальщика сделать красиво идеальный Landing Page с шикарной анимацией. Данную библиотеку можно скачать на официальном сайте wowjs. Ниже представлены классы и результаты эффектов анимации.

Чтобы работала наша анимация необходимо следующее:

1. Скачиваем wow.min.js
2. Скачиваем animate.css
3. Подключаем animate.css в шапке между тегами ‹head›‹/head›

<link rel="stylesheet" type="text/css" href="css/animate.css" />

4. Подключаем wow.min.js в конце страницы перед закрывающим тегом ‹/body›

<script src="js/wow.min.js"></script>

5. Активируем wow.min.js перед закрывающим тегом ‹/body› вставляем данный код

<script>
    new WOW().init();
</script>

И последнее, что нам нужно сделать подставить нужный class wow которые предоставлены ниже в таблице.

Пример: нам необходимо заголовку H2 применить какой то эффект

<h2 class="wow rubberBand">Здесь название вашего заголовка</h2>

мы применили к заголовку понравившийся нам class wow, вот и все, также мы можем применить к тегам ‹p›‹/p› картинкам, кнопкам, таблицам и т.д. фантазия у каждого своя, используйте классы которые предоставлены ниже и будет вам счастье.