Sleddy

sleddy.js

var sleddyMcSled = function(d) {
    var a = $("#present-user-" + d),
        b = a.find(".avatar").clone().css({
            zIndex: 3,
            position: "fixed",
            top: a.offset().top - $(window).scrollTop(),
            left: a.offset().left - $(window).scrollLeft()
        }).appendTo("body").hide().fadeIn(500, function() {
            a.css({
                visibility: "hidden"
            })
        }),
        c = ["t", "WebkitT", "MozT", "msT", "OT"].filter(function(a) {
            return a + "ransform" in document.body.style
        })[0];
    $("<img />").attr("src", "data:image/png;base64,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").css({
        position: "absolute",
        left: -48,
        top: 8
    }).prependTo(b);
    setTimeout(function() {
        $({
            rot: 0
        }).animate({
            rot: -50
        }, {
            duration: 1E3,
            step: function(a) {
                b.css(c + "ransform", "rotate(" + a + "deg)")
            }
        }).animate({
            rot: -15
        }, {
            duration: 1500,
            step: function(a) {
                b.css(c + "ransform", "rotate(" + a + "deg)")
            }
        })
    }, 500);
    b.animate({
        left: ["-=160px", "linear"],
        top: ["+=200px", "swing"],
        opacity: 0.5
    }, 2E3).animate({
        left: ["-=40px", "linear"],
        top: ["+=10px", "linear"],
        opacity: 0
    }, 500, function() {
        a.css({
            visibility: "visible"
        })
    })
};
[].map.call(document.getElementsByClassName('present-user'), function(el) {
    return el.id.match(/\d+/)[0];
}).forEach(function(el, i) {
    setTimeout(function() {
        sleddyMcSled(el)
    }, 1000 * i);
});