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

https://img4.mukewang.com/5c935fd40001541803990395.jpg

慕运维8079593
浏览 712回答 2
2回答

芜湖不芜

 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',      },    });

慕森卡

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阴影}};
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript