css - 如何使 React Bootstrap Carousel Fade Effect 平滑

Question

我正在使用 Fade={true} 的 react-bootstrap 库 Carousel，但效果并不流畅。它会在图像更改时立即闪烁，而不是褪色。我怎样才能使它顺利呢？

标签： cssreactjsreact-bootstrap

Answer 1

这种方法对我有用。所以使用 !important 覆盖默认值。

在 CSS 文件中：

.carousel-item {
  transition: opacity 1s ease-in-out !important;
}
li{
transition: opacity 1s ease !important;
}