问题描述
我正在尝试使用带有淡入淡出效果的 Bootstrap 5 Carousel 并且没有任何运气。我需要图像慢慢淡入淡出。我试过这个解决方案：Bootstrap Carousel - how to fade between slides slowly 还有这个：Bootstrap Carousel Fade Transition
这两个解决方案都不适用于 Bootstrap 5，因为它不再使用 jquery。这是我创建的用于测试效果的笔： [代码笔示例][1]
关于如何减慢过渡并逐渐淡入和淡出每个图像的建议，我将不胜感激。
[1]: https://codepen.io/JapperCat/live/KKWEeJa
解决方法
假设您想将图像之间的淡入和淡出过渡减慢到 5 秒
.carousel-item {
transition: transform 5s ease-in-out;
}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
transition: opacity 0s 5s;
}