Анимация элементов при прокрутке страницы с помощью CSS библиотеки

Анимация элементов при прокрутке страницы с помощью CSS библиотеки

От автора: в данном уроке мы с вами рассмотрим, как сделать анимацию для появляющихся при скролле страницы блоков. Подобные эффекты чаще всего встречаются на лендингах, когда при прокрутке страницы, блоки плавно появляются, или плавно выезжаю сбоку и так далее.

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

По результатам урока вы познакомитесь с библиотекой анимации animate CSS, при этом научитесь использовать различные предоставляемые эффекты, а также подключив библиотеку wow.js сможете показывать анимацию при прокрутке и гибко управлять ей, используя data атрибуты.

скачать исходники

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и научитесь верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Эффекты Parallax

Прямо сейчас научитесь создавать различные Parallax эффекты!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree