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

Посмотрев этот урок, вы научитесь быстро и легко создавать анимацию для любых элементов вашего сайта. Вы на практике научитесь использовать скрипт Animate.CSS и заодно узнаете, как заставить работать анимацию при прокрутке страницы сайта.

Материалы к уроку:

[feniksify]

Сергей, огромное Вам человеческое спасибо за то, что Вы бесплатно даёте то, за что другие берут деньги. Респект огромный, и всех благ по жизни.

[VolkVivere]

если нужен кому-то скрипт по уроку

$(window).scroll(function (){
$(' .mov').each(function (){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+250) {

}
});
});

[n_belikov]

по поводу jquery, можно было не копировать код по сто раз, а к элементу .mov добавить параметр data-animation="анимация" и потом делать так так будет во много раз проще и компактнее

[CodexWeb]

Друзья! Как только это видео наберет 100 лайков, я запишу для вас новый урок про Animate.CSS и скрипт WOW.js
Анимацию станет делать еще проще!

[АндрейТаскаев-гл]

Сначала, хотел написать где ж ты раньше был:) посмотрел до конца и понял, что хорошо что ваше видео мне не попалось, пришлось самому додумываться до того как активировать анимацию по событию. скрипт можно короче написать, например функцией ловить координаты скролла, ифом сравнивать с координатами фотки и менять ей класс при ==. За ссылку на сайт спасибо огромное, с удовольствием смотрю ваши видео. лайк

[MrProzbik]

Спасибо, знал как пользоваться уже готовыми анимациями.Осталось выучить Javascript и jQuary чтоб самому писать скрипты... 
Ждем след... видео

[CodexWeb]

Привет граждане! :) Ну что же - 100 лайков успешно набралось. Как и обещал - выкладываю следующий урок.
WOW.js и Animate.CSS - вместе веселее!

[ДмитрийЧеканников-еъ]

спасибо за experience;)
обязательно еще вернусь на канал

[sunnysun]

Спасибо огромное за урок, Вы меня просто спасли!

[ivanauchynnikau]

Отличный урок! спасибо!
Есть один вопрос, как сделать что бы анимация повторялась каждый раз при прокручивании страницы а не только при первом пролистывании?

[justforfun-ycxz]

Как всегда живо и доходчиво, отличное видео.

[MrGradarius]

Молодец, достойные видео, позитивно и интересно.

[nooonnname]

прррочитай этот крррасивый коментаррий прррошу, огррромное спасибо, мастеррр ты настоящий веррный дрруг

[Degmal]

крутой урок, ждем сто лайков
Как сделать так чтобы анимация применялась при наведении

[AndrewRusskih]

spasibo tebie) like + subscribe)
nakonetsto poluchilos s animaciey)))

[state_of_games]

В этом уроке вы научитесь копировать код)

[vitaliitaranik]

Привет, как сделать что бы при поднятии страницы анимация возвращалась.Спасибо за уроки

[RusskiyMugik]

Кто сделал по уроку? Дайте готовый архив с анимацией. Спасибо.

[Hovik]

Спасибо за урок, но желательно было что появилось анимация без обновления страниц когда посетитель спускался, а потом поднималось то еще раз сыграло анимация, в хороших сайтах всегда так.

[sergeymozyakov]

Ребята а где сам плейлист именно по CSS, вроде смотрел список плейлистов канала - там нет CSS.
Ткните где искать пожалуйста.