收藏
回答

swiper轮播切换时,让显示的那一块有个放大的效果?

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


最后一次编辑于  11-27
回答关注问题邀请回答
收藏

2 个回答

  • 一世倾心
    一世倾心
    11-27

    这个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;
      }


    11-27
    赞同
    回复 1
    • ?0x55aa&
      ?0x55aa&
      11-27
      谢谢大佬
      11-27
      回复
  • .
    .
    11-27

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

    11-27
    赞同
    回复 1
    • ?0x55aa&
      ?0x55aa&
      11-27
      谢谢大佬,逻辑明白了
      11-27
      回复
问题标签