Разделы

Адаптивный 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>

Фотографии для слайдера могут быть разных размеров, т.к. их края обрезаются согласно видимой области.

Реклама

© 2021. Лайфхаки для админа и не только
Наверх