Bootstrap 5 Carousel-fade 缓慢过渡

如何解决Bootstrap 5 Carousel-fade 缓慢过渡

我正在尝试使用带有淡入淡出效果的 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;
  }

我编辑了你的笔： https://codepen.io/imazen/pen/BaWbbQz