Animate.CSS + анимация при прокрутке
Приветствую, уважаемые друзья. Сегодня я подготовил для вас еще один интересный урок, в котором вы научитесь задавать красивую анимацию для элементов вашего сайта. Мы не будем изучать создание анимации с нуля, а будем использовать готовый скрипт.
Animate.CSS – именно так он называется. В нем собрано множество уже готовых к “употреблению” анимаций. Всё, что нам останется сделать – это подключить их в нужном месте и в нужное время!
Сто процентов, вас сейчас волнует один вопрос:
-Как выглядит Animate.CSS в работе?
Ну что же... отвечу: - Просто замечательно 
Ну, а если больше конкретики… Например, всю анимацию на странице тренинга Верстаем на 5+ я реализовал именно при помощи этой штуки. Жмякните на кнопку ниже и попадете на страничку тренинга. Мотайте страницу до самого конца, и увидите, как работает анимация:
А вот это Вы создадите своими руками, если пройдете урок до конца: 
Ладно, хватит чесать языком. Пора приступать к телу! Тьфу ты, ёлки-моталки, к делу!!
Урок Animate.CSS + анимация при прокрутке
Вот здесь можно скачать архив AnimateCSS.rar
Ссылка на сайт скрипта Animate.CSS
Анимацию станет делать еще проще!
Жду комментариев.
Спасибо, Серега!
Да Спасибо Серег!
Сергей урок класс! как всегда ты с теплым добрым подходом даешь материал. Поэтому не скучно слушать. Одно хочу спросить. Меня гугл вебмастер начал закидывать помидорами, что мои страницы сайта (не все...) неадаптированы (по его понятиям) к мобильным устройствам, планшету, смартфонам и др...Короче, не знаю где надо покопаться чтобы исправить это. В Css? в коде html исправлять? И что именно за свойство такое которое дает понять роботу гугла что страница стала адаптивной? а то я чую индексация может страдать от этого. Спасибо Сережа за знания, которые применяю (потихоньку, беру то что идет у меня..)
Крепкого здоровья тебе Серега и долгих лет жизни!!!
Спасибо. У тебя и позитив и талант для блогера. Норм чел)
Благодарю автора.
Отличная библиотека с эффектами и хороший урок.
За скрипт большое спасибо! Но, елки-моталки! Есть одно замечание: я считаю, что не нужно дублировать столько js-кода, а достаточно элементам с классом .mov просто добавлять класс animated. Без него все равно не заработает, к тому же у каждого элемента будет своя анимация. Как такая альтернатива тому, чтобы создавать аж n-лишних классов и прямо пропорционально плодить js-код?
Да я тогда js на уровне скопировал/вставил/поправил знал. А так ты правильно всё написал.