Subtle Animate In

css

.item{ width: 120px; height: 200px; position:relative; background: red; opacity: 0; margin-top:100px; float:left; z-index:9999; margin-right: 20px;}
.item_copy{float: left; opacity:0; margin-top:130px; position:relative; z-index:1;}

html

<div class="item"></div>
<div class="item_copy">Test Test</div>

js

$(window).load(function() {
    setTimeout(function() {
        $('.item').css({ top: -50 }).stop().animate({ opacity: 1, top: 0 }, function() {
            $('.item_copy').css({left: -50 }).stop().animate({ opacity: 1, left: 0 });
        });
    }, 500);

});