3D эффект для слайдера Swiper Coverflow

Published: 01 January 1970
on channel: ВебКадеми | Юрий Ключевский

2,279

154

В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.

Архив с кодом из урока в Telegram канале: https://t.me/+friZxyBulgNmYjE6 (пост за 04.06.24)
Конспект урока: https://webcademy.ru/blog/1144/

Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Мои авторские курсы:

💻 Профессия HTML верстальщик
Для начинающих. Курс по созданию и верстке сайтов.
👉 https://webcademy.ru/htmlstart/

💻 Курс "Frontend разработчик. JavaScript + React"
Станьте frontend разработчиком за 3 месяца.
👉 https://webcademy.ru/jscourse/

💻 Курс "Разработка сайтов на PHP + MySQL"
Сможете создавать сайты с любым функционалом.
👉 https://webcademy.ru/phpcourse/

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💈 Сайт ВебКадеми: https://webcademy.ru/
💈 Группа Вконтакте: https://vk.com/webcademy
💈 Telegram канал: https://t.me/webcademynews

ТАЙМ КОДЫ:

00:00 Начало
00:44 Создание проекта
03:54 Подключение Swiper слайдера
07:16 CSS и JS настройки для слайдера
10:22 Настройки для coverflow 3D эффекта
12:02 Проверка слайдера
13:18 Фикс высоты для слайдов
14:11 Запрет на text-select внутри слайда
15:08 Кастомизация слайдера через CSS переменные

Watch video 3D эффект для слайдера Swiper Coverflow online without registration, duration hours minute second in high quality. This video was added by user ВебКадеми | Юрий Ключевский 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,279 once and liked it 154 people.

4,060