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;
}