Как сделать нестандартный слайдер (карусель) вне контейнера?

Question

[Yashka Gypsy]

Учусь верстать. Не могу понять, как реализован слайдер (на прикрепленном изображении): он явно выходит за пределы контейнера и выводит изображения нестандартно. Всего 3 изображения. Использую плагин swiper, реально ли сделать с его помощью (и как?) или нужно иное решение?

Answer 1

[inkShio]

Это стандарт в swiper

.swiper-container {
  overflow: hidden;
}

тебе надо сделать это

.swiper-container {
  overflow: visible;
}

а родителю добавить

.slider {
  overflow: hidden;
}

<div class="slider">
  <div class="slider__container swiper-container">
    <div class="slider__list swiper-wrapper">
      <div class="slider__item swiper-slide">Slide 1</div>
      <div class="slider__item swiper-slide">Slide 2</div>
      <div class="slider__item swiper-slide">Slide 3</div>
    </div>
  </div>
</div>