问栅格动画效果

EN

$(document).ready(function(){
$("img").each(function(){
        d = Math.random()*1000;
        $(this).delay(d).animate({opacity: 1}, {
            step: function(n){
                //rotating the images on the Y axis from 360deg to 0deg
                ry = (1-n)*360;
                //translating the images from 1000px to 0px
                tz = (1-n)*1000;
                //applying the transformation
                $(this).css("transform", "rotateY("+ry+"deg) translateZ("+tz+"px)");
            }, 
            duration: 3000, 
            //some easing fun. Comes from the jquery easing plugin.
            easing: 'easeOutQuint', 
        })
    })
});