Animate.CSS + анимация при прокрутке

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