Give the effect of moving line

by Alin Guta

HTML

<div id="container">
    
    <div id="heart"></div>
    <div id="cover"></div>
    
</div>

CSS

body{
    background:#ebebeb;
}

#container{
    width:457px;
    height:215px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
#heart{
    background: url("http://boldbeneath.files.wordpress.com/2012/10/angled-line1.jpg");
    width:457px;
    height:215px;
    position:relative;
}
#cover{
    width:457px;
    height:215px;
    background:#FFF;
    position:absolute;
    top:0;
    left:0;
}

JavaScript

$('#cover').click(function(){
    $('#cover').animate({
        left: '457'
    },3500);
})