Bootstrap 4.5 Carousel 镜像上拉

问题描述

我有一个定制的旋转木马。我想要实现的效果如下图所示。我想将图片拉到旋转木马的顶部。

我将 .carousel-inner css 设置为 overflow: visible; 并将 img css 设置为 margin-top: -33px 以实现我想要的，但是当轮播滑动内容混合时（因为溢出- x：可见，如果我设置了 overflow-x: hidden;，我的上拉就变得不可见）。

目标

问题

那么从整个轮播元素中提取轮播项目中图像的正确方法是什么？

更新：

为问题添加了 codepen 链接：

https://codepen.io/meowornever/pen/gOwGxGy

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）