Animated Carousel Caption

Bootstrap4 – Animated carousel caption(Main Slide Slogan)

main.scss

@keyframes MfadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    40%{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}


.MfadeInDown{
    animation-name: MfadeInDown;
    animation-duration: 3s;
    animation-delay: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

Bootstrap4 theming ep01

Bootstrap4 theming ep02