Переходы страниц JavaScript теперь управляются GSAP (эффектом гиперактивного показа блоков)
Codegrid
0:00 / 0:00
Переходы страниц JavaScript теперь управляются GSAP (эффектом гиперактивного показа блоков)
16 978 просмотров · 9 месяцев назад
Codegrid
148 тыс. подписчиков
16 978 просмотров · 9 месяцев назад
Создайте плавный переход между блочными и всплывающими страницами с помощью Next.js App Router и GSAP.
Исходный код: https://codegrid.gumroad.com/l/codegr...
Вдохновение: Orbit Matter (шаблон сайта на месяц)
Сайт: https://orbit-matter.vercel.app/
Временные метки:
0:00 Вступление
1:39 Начало с нуля
1:48 Очистка шаблона
2:19 Добавление изображений
2:35 Настройка страниц
3:37 Создание навигации
4:42 Стилизация
7:58 Идея перехода
8:43 Создание поставщика переходов
9:43 Установка next-transition-router + GSAP
11:08 Генерация динамической блочной сетки
16:13 Создание последовательности выхода
17:32 Создание последовательности входа
18:33 Заключение
Instagram: / codegridweb
Twitter: / codegridweb
Публичный Discord: / discord
Музыка от Epidemic Sound.
Спасибо за просмотр!