Swiper Slider Flip

Navigation: Right | Transparent | White On Scroll

Slide Effect: Flip

Header Demo Image
Preview
Show Code

Important Notes: Add custom scripts to the bottom of page to initialize Swiper Slider


<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
    autoplay: 5000,
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    speed: 1000,
    effect: 'flip',
    grabCursor: true,
    loop: true
});
</script>