Анимация перехода между страницами. Barba JS + GSAP
Привет. В этом видео делаем анимированный переход между страницами без перезагрузки при помощи библиотек Barba JS и GSAP.
Заходите в телеграм канал. там я публикую ссылки на полезные сервисы и макеты для практики верстки.
Приятного просмотра!
Верстка адаптивного сайдбара
Мультиколонки в CSS
Псевдо-CSS:
Код верстки без анимации:
Barba JS
GSAP
Телеграм:
Моя страница в ВК:
Содержание:
00:00 Привет
01:05 Разметка
04:04 Анимация 1 (css)
06:00 Анимация 1 (js)
14:06 Анимация контента
21:34 Навигация
23:41 Дополнение по разметке
24:43 Анимация 2
30:29 Фикс багов
36:30 Итог
#html #css #frontend
23 views
1572
477
1 month ago 00:39:18 1
CAP CUT НА ПК??? - ПОЛНЫЙ ОБЗОР ФУНКЦИЙ | Как монтировать в CapCut на ПК!
2 months ago 00:07:59 1
60 ПЕРЕХОДОВ ДЛЯ ВИДЕО И ТЕКСТОВЫХ АНИМАЦИЙ (туториал)
2 months ago 00:08:34 1
Событие, оставившее в живых только 1 000 человек
2 months ago 15:33:59 1
Unity - Лучший курс | С Нуля до Junior за ОДНО видео
2 months ago 00:28:51 1
05 Задание Трансформация лиц / как начать анимацию?
2 months ago 00:11:11 1
Эта нейросеть заменит всех видеомейкеров в 2025
2 months ago 00:02:46 2
Переключение камер в анимации | Работа с двумя камерами в Blender 4
2 months ago 00:03:01 1
ЛУЧШИЙ ПАК ПЕРЕХОДОВ ДЛЯ PREMIERE PRO 2023 | ATOMX BASE 2.0
2 months ago 00:14:09 1
Маша и Медведь 🐝 Медовый день 🍯 (серия 83) 🔥 Новый сезон!
2 months ago 00:25:15 1
СДЕЛАЛИ СОБСТВЕННЫЙ МУЛЬТИК
2 months ago 00:29:47 1
Прототипирование и анимация в Фигме
2 months ago 00:38:49 1
Создание презентации в PowerPoint простыми словами / Урок power point для начинающих
2 months ago 00:07:07 1
К нам старухи приставали... (Анимация)
2 months ago 00:00:40 58
Создание анимаций для UE5 в стиле Escape from Tarkov
2 months ago 00:09:11 1
Как сделать интро: 3 способа создать стильную заставку для канала
2 months ago 00:07:35 1
Маша и Медведь 🤠 Испанские Мотивы 💃 Про Испанию 🇪🇸 Машины песенки (Серия 9)
2 months ago 00:00:38 1
Услуги видеомонтажа.
2 months ago 00:32:05 16
Как создать анимацию персонажа в Unreal Engine 5 с Motion Matching и Motorica AI
2 months ago 00:29:25 1
Монтаж Динамичного REELS в СapCut - Детальный Разбор Наложений, Эффектов и Футажей
2 months ago 00:57:15 1
CAPCUT PRO | ВСЕ ФУНКЦИИ | БОЛЬШОЙ ОБЗОР
2 months ago 00:00:00 1
Рисую за донат в прямом эфире! Принимаю заказы! {Vtuber stream}
2 months ago 00:13:15 1
💫2025 ГОД – ПОВОРОТНЫЙ ТОЧКА ДЛЯ ЧЕЛОВЕЧЕСТВА!💫
2 months ago 00:03:27 1
🍽 Правила этикета. Как правильно накрыть стол? [ ted ed на русском ]