Перейти к содержимому

Переходы страниц 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. Спасибо за просмотр!