falling star jquery animation
<pre><code>$('#sstar').animate({'opacity':1}, 300);
$('#sstar').animate({
        'backgroundPosition':'0px 0px','top':'30%', 'opacity':0
    }, 500);
</code></pre>

<p>css</p>

<pre class="lang-css prettyprint-override"><code>#sstar 
{
    position:absolute;
    left:2px;
    top:10;
    width:126px;
    height:80px;
    background:transparent url(../images/shootingstar.png) no-repeat 80px -200px;
    z-index:99999;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
</code></pre>

<p>The animation is running very slow? How do I show it like a falling star?</p>

<p>Or give one example to show a falling star using jquery.</p>

<p>output should be something like this</p>

<p><a href="http://www.istockphoto.com/stock-flash-1263712-shooting-star-over-city.php?st=b698399" rel="nofollow">link</a></p>
