Анимация с помощью Animate.css
Визуальный инструмент для создания различных анимационных эффектов на сайтах с помощью CSS.Используются: кросс-браузерная библиотека CSS-анимаций (Animate.css) и скрипт, срабатывающий при прокрутке страницы (WOW.js).
Выберите нужный вам эффект анимации и присвойте стиль к тому элементу на HTML странице, который вы хотите анимировать (оживить). Вы можете анимировать любое количество (в разумных пределах) элементов HTML.
Стиль для начального экрана задается для видимых элементов при загрузке страницы. Стили при прокрутке для элементов, которые должны быть анимированы при прокрутке.
Начальный экран
При прокрутке