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

Question

[Overlord934]

Особенность в том, что обрезается и картинка и текст у боковых слайдов. Как это реализовать?

Comments

[historydev]

Ничего там не обрезается, ты их просто не видишь.

[Ankhena]

С виду обычный center mode у swiper.js

Answer 1

[Сергей delphinpro]

ну хоть немного фантазии можно проявлять.
шаг в сторону от стандартов, и в тупике...

<div class="slider-container">
    <div class="slider">
        <div class="slide"></div>
        <div class="slide"></div>
        <div class="slide"></div>
    </div>
</div>

.slider-container {
  width: 600px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.slider {
  width: 900px;
}

получится что-то такое

Comments

[imko]

Мне че то подсказывает что не обрезается там ничего, просто дизайнер нарисовал под какой-то маленький экран типа 1440, там вон черный фон видно слева уже

[Сергей delphinpro]

imko, да бывает, делают такие полу-слайды по краям.