3D слайдер-карусель
- Информация о материале
- Категория: Админ
- Просмотров: 623
Адаптивный 3D слайдер-карусель с 3-мя видимыми фотографиями
Пример:
See the Pen Адаптивный 3D слайдер-карусель с 3-мя видимыми фотографиями by Ruslan Tean (@ruslan-tean) on CodePen.
Сладйер сделан на базе фреймворка Swiper
Установка
Подключаем CSS и JS фреймворка swiper:
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css"> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> <script src="https://unpkg.com/swiper/swiper-bundle.js"></script> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
Фотографии для слайдера могут быть разных размеров, т.к. их края обрезаются согласно видимой области.