Staggering CSS Animations

Question

I have a CSS animation that I want to be applied in 200ms intervals. I\'ve set up the CSS like this:

.discrete {
    position:relative;
    opacity:1;

    -         


        

Answer 1

I have created simple 2 line solution which works among all frameworks

let dl = 0.2; //time-delay // document.querySelectorAll('.card.fade-in').forEach(o=>{dl+=0.2;o.style.animationDelay=dl+'s'});