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

You could use

var els = $('.discrete'),
    i = 0,
    f = function () {
        $(els[i++]).addClass('out');
        if(i < els.length) setTimeout(f, 200);
    };
f();

Demo