前端大佬帮忙看看这个如何实现

[KrisWuSkrSkr]

同时展示 3 个罐子，可以左右滑，可循环。中间的罐子在最前面，会大一些，两侧的下一些，靠后一点，有点 3d 立体的感觉。左右滑动，罐子轮番展示。这个应该如何实现呢。

[DavZhn]

图挂了。ZSBD

[ArrayReduce]

swiper.js 应该可以满足你的需求，你可以看看它的 demo
https://swiperjs.com/plugins#carousel-slider

[superedlimited]

关键词：视差滚动 parallax scrolling

[NessajCN]

https://codepen.io/monochromer/pen/EoabOG

[nitmali]

transform: translateY(-24px) scale(1.4)
transition: transform 1s;

[nitmali]

@nitmali 缩小
transform: translateY(-24px) scale(0.8)
transition: transform 1s;

[wu67]

上面都说完了......照抄或者改改就是

[bhbhxy]

你说的这个叫旋转木马，离得最近的 scale = 1 ，离得远的 scale < 1

[dudubaba]

关键字：3D 轮播图，成品一大堆 http://www.bootstrapmb.com/tag/3dlunbo

[KrisWuSkrSkr]

@ArrayReduce 谢谢大佬

[KrisWuSkrSkr]

@superedlimited 感谢大佬

[KrisWuSkrSkr]

@NessajCN 感谢

[KrisWuSkrSkr]

@bhbhxy 谢谢大佬，终于知道怎么描述这种了

[KrisWuSkrSkr]

@dudubaba thanks