ngb-карусель, как я могу иметь анимацию, такую ​​как постепенное увеличение / уменьшение изображения / слайдов?

Question

В компоненте Карусель начальной загрузки Ng, как я могу иметь переход, такой как постепенное увеличение / уменьшение между изображениями / слайдами?

Answer 1

Я нашел способ включить / исчезнуть, как анимация.

Вы должны определить класс.carousel-item и.carousel-item.active css следующим образом:

.carousel-item {
    display: block !important;
    z-index: 1;
    position: absolute;
    transition: opacity 1.5s easy-in-out, visibility 1s;
    opacity: 0;
    visibility: hidden;
}
.carousel-item.active {
    position: relative;
    transition: opacity 1.5s easy-in-out, visibility 1s;
    visibility: visible;
    opacity: 1;
}

Answer 2

Основываясь на ответе @Jesus, я придумал версию, работающую на меня:

Это гарантирует, что анимация постепенного появления слайда начнется сразу после постепенного исчезновения слайда. Также исправлена ​​проблема с мгновенным исчезновением выходящего слайда. transform: unset.