Создание сайта с 3D анимацией глубины при скролле (HTML + CSS)

💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/b...

В этом уроке мы рассмотрим создание красивого сайта с анимацией 3D глубины при скролле и синхронизацией прокрутки с карточками товаров. Ключевая особенность данного примера заключается в том, что 3D анимация у нас выполнена на чистом CSS. Современный CSS удивляет своими возможностями и в этом примере мы раскроем одну из его сторон - возможность создания потрясающих анимаций, без использования библиотек.

Страница урока: https://webdesign-master.ru/blog/html...

Таймкоды:
00:00 Начало урока
01:30 Обзор материалов урока
02:25 Приступаем к созданию сайта
08:07 Базовая разметка и CSS стилизация
09:57 HTML разметка и стилизация карусели
20:17 HTML разметка и стилизация товаров
32:59 CSS анимация при прокрутке
55:20 Оформление логотипа и текста
1:00:03 Адаптивность сайта
1:05:07 Плавный скролл
1:07:34 Что ещё изучить?

ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb