Удобно когда анимация срабатывает не сразу при загрузке страницы, а после прокрутки страницы, когда html элементы, к которым применяется анимация становятся видны.

Для этого в дополнении к файлу с css анимацией >> Добавление CSS анимации на сайт

будем использовать WOW плагин.

Для этого подключаем файл плагина:

<script src="js/wow.min.js"></script>
<script>
 new WOW().init();
</script>

И дальше, чтобы плагин срабатывал там где нужно, прописываем класс wow и класс для анимации:

<h1 class="wow slideInLeft">Bootstrap starter template</h1>

Теперь, при прокрутке страницы css эффект slideInLeft сработает только тогда, когда станет виден на странице.

Чтобы сделать комментарий, нужно авторизоваться на сайте!