Возможен ли на owlCarousel такой вариант слайдера, при котором основной элемент будет в центре, предыдущий и следующий - по бокам и чуть меньше (и выходить за край экрана), а остальные - за краем экрана, то есть, не отображаемые? Если кто знает, пришлите ссылку - у них на сайте в примерах не нашел.
Я пишу следующий код:
.owl-carousel {
width: calc(100% + 500px);
margin-left: -250px;
}
.owl-item {
transform: scale(0.7);
}
.owl-item.center {
transform: scale(1);
z-index: 999;
}
Получается нечто похожее, но не совсем то, что нужно. Центральный элемент, правда, становится больше, но из-за того, что левый и правый, просто масштабируются (из центра), при масштабировании они отодвигаются от него. Получается так:
А нужно, чтобы они располагались прямо за ним. Напрашивается масштабирование центрального элемента (например, "scale(2)"), но в этом случае он начнет обрезаться по высоте, так как у контейнера "owl-carousel" стоит "overflow: hidden".
Если в owlCarousel такого сделать нельзя, подскажите библиотеку, в которой можно - такую же легкую, как и эта, то есть, без наворотов.
Простой