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

 