scss 旋转木马褪色而不是闪光

Posted 2021-05-17

// =====================
// Add slide fade in/out
// =====================
ul.carouselSlides {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-color: rgba(156, 175, 192, 1); //VFW GREY
}

.carouselSlide {
    display: block;
    opacity: 1;
    position: relative;
    //	-webkit-transition: opacity 500ms ease-in-out;
    //	-moz-transition: opacity 500ms ease-in-out;
    //	transition: opacity 500ms ease-in-out;
    transition: all 1.2s ease-out;
    overflow: hidden;
    max-height: none;
    &.hidden {
        opacity: 0;
        display: block !important;
        position: absolute;
        width: 100%;
    }
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}