Верстка слайдера с помощью SWIPER и добавление параллакс анимации

Опубликовано: 16 Июль 2026
на канале: Уроки Верстки

331

Верстка слайдера с помощью SWIPER и добавление параллакс анимации (HTML, CSS, JavaScript)

В данном видеоуроке научимся создавать слайдер с помощью JavaScript плагина Swiper Slider. Добавим параллакс эффект для слайдов, пагинации, текста а также анимируем меню с помощью CSS.

================================
Таймкоды:
00:00 - Обзор конечного результата
01:04 - Начало урока
01:40 - Создание репозитория
04:20 - Обзор файлов верстки
06:00 - Верстка шапки
12:21 - Верстка слайдера
22:15 - Стилизация пагинации
28:25 - Добавление параллакс эффекта
31:52 - Анимация для текста
43:03 - Анимация для кнопки hamburger
49:20 - Верстка меню
53:56 - Эффект наведения для пунктов меню
58:11 - Анимация меню

================================
Материалы к уроку: https://drive.google.com/drive/folder...
Дизайн: https://www.figma.com/file/bBp2kT4RCd...

================================
Почта для консультации: [email protected]