Bootstrap Carousel Reveal Part Of Next Slide

I have a bootstrap carousel that is currently scrolling vertically. Is there a way to show a part of the next slide (say 33%) that will sit at the bottom and would sit above the cu

Solution 1:

It's not possible without a serious rewrite. Fundamentally, this plugin works by hiding all of the slides:

.carousel-inner>.item {
    position: relative;
    display: none; <- culprit
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

However, even if we disable that rule, the animation is still broken. The code displays and repositions one slide at a time.

My recommendation is to look for another plugin that more closely matches your needs.