Вчера я только написал статью о том, как создать анимацию рисования элементов на странице во время прокрутки страницы. Смотрится просто шикарно! Сегодня я продолжу тему анимации при прокрутке и создание интерактива. С помощью одной интересной библиотеки я создал анимацию появляющихся блоков при прокрутке страницы. Чтобы Вам не читать большие тексты с кодом, на этот раз я сделал видеоинструкцию.
Интересные способы анимации на лендинге:
- Рисование элементов при прокрутке страницы
- Анимация для лендинга — создание анимации на лендинге
- Как сделать видео фоном сайта + видеостоки
Суть эффекта: при прокрутке страницы появляются блоки с оригинальным эффектом. Аналогичная анимация происходит и при прокрутке в обратном направлении.
Не спеша прокручивайте страницу вниз и смотрите на появляющиеся блоки:
Посмотреть примерСкачать
Полный мини-курс по созданию лендинга с нуля: "Лендинг за 60 минут".
Скриншот появления третьего блока:
Видео с разбором исходного кода
Как установить и настроить анимацию при прокрутке я рассказал в данном видео:
Все вопросы по анимации Вы можете задать ниже в комментариях либо в Skype, для нужно — ЗАПИСАТЬСЯ!
Успехов!
С Уважением, Юрий Немец