# **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