cardsEffect
要使用卡片切换效果,需要先将 effect 设置为
'cards'
。开启后还可选用cardsEffect 参数对切换进行设置。
参数名 | 类型 | 默认 | 描述 |
---|---|---|---|
slideShadows | boolean | true | 开启Slides 的阴影。 |
transformEl | object | null | 要转换的Slides内部元素的 CSS 选择器,而不是Slides本身。在 cssMode 中使用比较有效。 |
cardsEffect信息
- 类型:
- object
- 启用版本:
- 7.0.0
效果演示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var swiper = new Swiper('.swiper', {
effect: 'cards',
cardsEffect: {
slideShadows: true,
//transformEl:'.text',
},
});
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/effects/481.html