Css 如何使React引导转盘褪色效果平滑

Css 如何使React引导转盘褪色效果平滑,css,reactjs,react-bootstrap,Css,Reactjs,React Bootstrap,我使用的是带有Fade={true}的react引导库Carousel,但效果并不平滑。它会在图像更改时立即闪烁,而不是褪色。我怎样才能使它顺利进行呢?这种方法对我很有效。因此,请使用!覆盖默认值很重要 在CSS文件中: .carousel-item { transition: opacity 1s ease-in-out !important; } li{ transition: opacity 1s ease !important; } 这种方法对我有效。因此,请使用!覆盖默认值很重要

我使用的是带有Fade={true}的react引导库Carousel,但效果并不平滑。它会在图像更改时立即闪烁,而不是褪色。我怎样才能使它顺利进行呢?

这种方法对我很有效。因此,请使用!覆盖默认值很重要

在CSS文件中:

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

这种方法对我有效。因此,请使用!覆盖默认值很重要

在CSS文件中:

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