Создаём красивый parallax-эффект | HTML, CSS, JS

Описание

Разберём в видео на простом примере механизм работы библиотеки parallax.js.
❤️ Мои телеграм канал: https://t.me/webelart.
❤️ Мой инстаграм: https://www.instagram.com/elena.liveldi/
❤️ Мой сайт: https://webelart.com.

Демо + исходники: https://webelart.com/lessons/parallax_trees.

00:00 Введение
01:21 Описание бага
04:04 Введение
04:42 История про parallax.js
08:06 Parallax на чистом CSS
09:50 Про дизайн
11:15 Разбор HTML
12:27 Про дизайн
22:48 Разбираем html + css
27:52 Разбираем js
46:00 Заключение

Сайт для сжатия файлов: https://tinypng.com
Библиотека parallax.js: https://github.com/wagerfield/parallax
Скачать красивый дизайн: https://stock.adobe.com/ru/ (первые 10 изображений можно скачать бесплатно).
Parallax через CSS: https://codepen.io/samdbeckham/pen/OPXPNp