@2Ernest5

Как реализовать такой слайдер?

6001ce4d1efa3396471744.png

По идее должен быть такой слайдер как выше. Все что находится внутри условного контейнера видно, остальное с прозрачностью, но я планирую перекрыть поверх полупрозрачными псевдоэлементами.

Вопрос в следующем: как ровно разместить элементы внутри этого визуального контейнера, чтобы внутри было ровно 4 слайда, от края до края. Пока получилось только так(если поделить ширину контейнера 4 - ширина отступов)

прикладываю ссылку на Codepen https://codepen.io/LenaGdeFotki/pen/ZEpVpqO

6001ce5b5cbc8790949438.png
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Anonimmus
Оочень рекомендую попробовать именно этот слайдер
https://swiperjs.com/demos/#responsive_breakpoints
https://stackblitz.com/edit/swiper-demo-37-respons...

именно в этом слайдере вы можете реализовать строгую разметку вне зависимости от экрана
задавая API, также легко добавляются и стрелочки, направления, пагинация итд.. попробуйте, рекомендую
slidesPerView: 4, // сколько слайдеров на экране
spaceBetween: 50, // расстояние между ними
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы