cubeEffect
cube效果参数,可选值:
slideShadows:开启slide阴影。默认 true。
shadow: 开启投影。默认 true。
shadowOffset:投影距离。默认 20,单位px。
shadowScale: 投影缩放比例。默认0.94。
slideShadows:开启slide阴影。默认 true。
shadow: 开启投影。默认 true。
shadowOffset:投影距离。默认 20,单位px。
shadowScale: 投影缩放比例。默认0.94。
cubeEffect信息
- 类型:
- object
- 启用版本:
- 4.0.0
效果演示
应用实例:有吸引力的广告栏
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
effect : 'cube',
cubeEffect: {
slideShadows: true,
shadow: true,
shadowOffset: 100,
shadowScale: 0.6
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/effects/195.html