Переходы страниц JavaScript теперь управляются GSAP (эффектом гиперактивного показа блоков)
Автор: Codegrid
Загружено: 2025-11-30
Просмотров: 11980
Описание:
Создайте плавный переход между блочными и всплывающими страницами с помощью 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.
Спасибо за просмотр!
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
