如何用swper.js實現(xiàn)這樣的3d切換？
慕運維8079593
2019-03-13 17:15:06
2 回答
蕪湖不蕪
TA貢獻(xiàn)1796條經(jīng)驗 獲得超7個贊
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',
},
});
慕森卡
TA貢獻(xiàn)1806條經(jīng)驗 獲得超8個贊
let params = {
autoplay: 3000, // 每隔n秒滑動
loop: true, // 循環(huán)
pagination: '.swiper-pagination',
slidesPerView: 'auto', // 同時顯示的slides數(shù)量
centeredSlides: true, // 居中
spaceBetween: 8, // silde間距
effect : 'coverflow', // 3D界面顯示
coverflow: {
rotate: 35, // Y軸旋轉(zhuǎn)角度
slideShadows: false // slide陰影
}
};
添加回答
舉報
0/150
提交
取消