问题：
javascript - swiper的这种效果怎么实现？
寇照
或者不使用swiper的其他方式怎么实现？
共有3个答案
慕凌龙
https://swiperjs.com/demos
滑令
可以参考这两个，也可以在这里找找其他的
https://www.jq22.com/jquery-info22691
https://www.jq22.com/jquery-info24031
凌长恨
除开简单的轮播实现，焦点切换效果就是使用 transform:scale() 来实现缩放，搭配 transition 来实现补间效果。
如果简单的用CSS来实现的话，就是默认缩放（transform:scale(0.8)），当前激活卡片取消缩放（transform:scale(1)）。但是这样的话，就只有一个缩放效果。和问题中的GIF会差一点。
如果可以使用JS的话，原理也是一样的，可以通过当前激活的下标来给激活卡片的前1后1做不一样的缩放比例。
横向循环焦点图片展示 - Swiper中文网
transform - CSS：层叠样式表 | MDN
transition - CSS：层叠样式表 | MDN
类似资料：
-
就是鼠标点击左边的栏目，右边的缓缓的定位到栏目，这种用什么做？有相应的插件还是手写js。
-
这种css效果咋实现。
-
有没有什么组件可以实现的？ 目前的方案： 1、在更多下面隐藏一个卡片，点击时通过定位展示卡片。
-
页面滚动到这里的时候，图片固定不动，滚动条可以继续滚动。 缤瑞COOL官网 非常感谢！！
-
大佬们，这个效果怎么使用来实现呢，试了下 background:linear-gradient好像不可以做到这样的效果
-
这种将图片以3D翻书页形式如何实现 https://book.yunzhan365.com/rgnfn/oxqz/mobile/index.html#p=1