swiper轮播切换时,让显示的那一块有个放大的效果?
发布于 6 年前 作者 qzhong 3766 次浏览 来自 官方Issues

swiper组件在切换时,使显示的那一块有一个放大的动画效果

2 回复

这个css 自己理解一下吧

image.active {
    transform: none;
    transition: all 0.2s ease-in 0s;
  }
   
  image.quiet {
    transform: scale(0.8333333);
    transition: all 0.2s ease-in 0s;
  }

比对index下标是否为当前展示的swiper-item,如果是 加个样式,样式里将宽高写大点就好了。如果要用户体验就再加个transition过渡效果进去。

回到顶部