awosome sprite

HTML

<div class="social-network">
    <span class="facebook"><span class="link"></span></span>
    <span class="twitter"><span class="link"></span></span>
    <span class="google-plus"><span class="link"></span></span>
    <span class="rss"><span class="link"></span></span>
</div>

CSS

.social-network span{
    display:inline-block;
    width :30px;
    height:36px;
    margin:2px;
}
.social-network .link{
    margin:0px;
    width:0px;
}
.facebook{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -37px 0;
}

.facebook span{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -37px 37px;
}
.social-network .twitter{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -72px 0px;
}

.twitter span{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -72px 37px;
}
.social-network .google-plus{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -109px 0px;
}
 .google-plus span{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -109px 37px;
}
.social-network .rss{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -146px 0;
}
.rss span{
background:url(http://2.bp.blogspot.com/-4zZWpjpeY04/Ubw_T73qZKI/AAAAAAAAGiI/ErWjYf_2HRw/s1600/social_sprite.png) -146px 37px;
}

JavaScript

$(document).ready(function() {
    $('.social-network span').on({
        mouseenter: function() {
            var link = $(this).find('.link');
            
            link.animate({
                width: "36px"
                }, 100 );
        }, mouseleave: function() {
                 var link = $(this).find('.link');
            
            link.animate({
                width: "0px"
                }, 100 );
        }
    });
});