Оригінальний ефект для лендінзі при скролл

Вчора я тільки написав статтю про те, як створити анімацію малювання елементів на сторінці під час прокрутки сторінки. Виглядає просто шикарно! Сьогодні я продовжу тему анімації при прокручуванні і створення інтерактиву. За допомогою однієї цікавої бібліотеки я створив анімацію з`являються блоків при прокручуванні сторінки. Щоб Вам не читати великі тексти з кодом, на цей раз я зробив відеоінструкцію.

Цікаві способи анімації на Лендінзі:

• Малювання елементів при прокручуванні сторінки
• Анімація для Лендінзі - створення анімації на Лендінзі
• Як зробити відео фоном сайту + відеостокі

Суть ефекту: при прокручуванні сторінки з`являються блоки з оригінальним ефектом. Аналогічна анімація відбувається і при прокручуванні в зворотному напрямку.

Не поспішаючи прокручивайте сторінку вниз і дивіться на що з`являються блоки:

Подивитися прімерСкачать

Повний міні-курс по створенню Лендінзі з нуля: "Лендінгем за 60 хвилин".

Скріншот появи третього блоку:

Відео з розбором вихідного коду

Як встановити і налаштувати анімацію при прокручуванні я розповів в даному відео:

Успіхів!

З повагою, Юрій Німець