Создание сайта с красивой анимацией при скролле (HTML CSS JavaScript)

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

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

🔥 Лучшие курсы от WebDesign Master: https://wd-m.ru/bundle

Таймкоды:
00:00 Начало урока
01:10 Обзор материалов урока
02:16 Приступаем к созданию сайта
04:14 HTML верстка слайдера
08:20 Приступаем к CSS стилизации
09:04 Подключаем слайдер в JS
09:46 Определяем параметры слайдера
10:27 Верстка элементов управления Swiper
13:13 CSS стилизация слайдов
19:38 Адаптивная верстка заголовка
22:28 Декоративный элемент заголовка
24:09 Оформление подзаголовка
25:41 Верстка кнопки на сайте
28:50 Стилизация элементов управления
30:10 Подготовка анимации на сайте
34:46 Синхронизация анимации со слайдами
42:15 Тип анимации через GSAP Power
43:15 Дополнительная анимация
49:06 Элементы интерфейса на сайте
49:34 Что еще изучить?

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