# **coverflowEffect**
cover flow是類似于蘋果將多首歌曲的封面以3D界面的形式顯示出來的方式。coverflow效果參數,可選值:
rotate:slide做3d旋轉時Y軸的旋轉角度。默認50。stretch:每個slide之間的拉伸值,越大slide靠得越緊。 默認0。depth:slide的位置深度。值越大z軸距離越遠,看起來越小。 默認100。modifier:depth和rotate和stretch的倍率,相當于depth\*modifier、rotate\*modifier、stretch\*modifier,值越大這三個參數的效果越明顯。默認1。slideShadows:開啟slide陰影。默認 true。
```
var mySwiper = new Swiper('.swiper-container',{
effect : 'coverflow', slidesPerView: 3, centeredSlides: true,
coverflowEffect: {
rotate: 30, stretch: 10, depth: 60, modifier: 2, slideShadows : true
},
})
```
- Swiper
- 01-Swiper簡介
- 02-Swiper初體驗
- 03-分頁器
- 04-前進后退按鈕,上一張下一張切換
- 05-滾動條
- 06-自動播放
- 07-無縫輪播
- 08-鍵盤控制
- 09-鼠標滾輪
- 10-切換效果
- 01-effects
- 02-fadeEffect-淡入淡出
- 03-cubeEffect-一般用于廣告
- 04-coverflowEffect相冊作品展示
- 05-flipEffect-旋轉門
- 11-拓展
- 12-Swiper+Animate.css
- 13-視差拓展
- 14-virtual
- 15-圖片懶加載
- 01-loadPrevNext
- 02-loadPrevNextAmount
- 03-loadOnTransitionStart
- 04-elementClass
- 16-3d