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

Описание: Вместе разрабатываем parallax-библиотеку с нуля: html, css и js.
🍀 Поддержать канал: https://www.donationalerts.com/r/webe...
☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: https://webelart.com/illustration.
✍️ Мой telegram channel: https://t.me/webelart
🏰 Английский YouTube: @webelart_en
💁🏼‍♀️ Инстаграм:   / webelart  
🦄 LinkedIn:   / webelart  

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

Ссылки:
1. Сжатие картинок: https://tinypng.com

00:00 введение
00:54 разметка html
03:58 добавляем стили CSS
09:30 разрабатываем JS
32:31 заключение

☃️Рекомендую посмотреть:

⭐️ Создаём drag & touch галерею на чистом JS, часть 1 | HTML, CSS, JS —    • Создаём drag & touch галерею на чистом JS,...  
⭐️ Создаём drag & touch галерею на чистом JS, часть 2 | HTML, CSS, JS —    • Создаём drag & touch галерею на чистом JS,...  
⭐️ Создаём красивый parallax-эффект —    • Создаём красивый parallax-эффект | HTML, C...  
⭐️ Как я стала программистом —    / @webelart  
⭐️ Знакомство с интернет-миром —    • Знакомство с Интернет миром  
⭐️ Уроки по HTML —    • Основы HTML  
⭐️ Что такое CSS —    • Урок 1. Что такое CSS? Подключение, селект...  
⭐️ Сброс и нормализация стилей, вёрстка с нуля | HTML, CSS —    • Урок 3. Сброс и нормализация стилей, вёрст...  
⭐️ Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch —    • Урок 2. Единицы измерения CSS: px, em, rem...  

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.