如何用swper.js实现这样的3d切换？

Answer 1

 var swiper = new Swiper('.swiper-container', {

      effect: 'coverflow',

      grabCursor: true,

      centeredSlides: true,

      slidesPerView: 'auto',

      coverflowEffect: {

        rotate: 50,

        stretch: 0,

        depth: 100,

        modifier: 1,

        slideShadows : true,

      },

      pagination: {

        el: '.swiper-pagination',

      },

    });

Answer 2

let params = {

autoplay: 3000, // 每隔n秒滑动

loop: true, // 循环

pagination: '.swiper-pagination',

slidesPerView: 'auto', // 同时显示的slides数量

centeredSlides: true, // 居中

spaceBetween: 8, // silde间距

effect : 'coverflow', // 3D界面显示

coverflow: {

    rotate: 35, // Y轴旋转角度

    slideShadows: false // slide阴影

}

};