element-ui2怎么实现carousel轮播淡进淡出的效果

Question

carousel默认是从右到左的切换图片， 想实现类似bootstrap4 carousel carousel-fade淡进淡出的效果， 怎么实现？

Answer 1

.el-carousel__item.is-animating {

transition: opacity .2s ease-in-out !important;

}

Answer 2

找到对应的元素class，添加对应样式即可。