like.html

<style>
#heart {
	width: 280px;
	height: 280px;
	background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/h/hayashikunsan/20160321/20160321164813.png);
	background-position: left;
}
</style>

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

<script>
document.getElementById("heart").addEventListener("click", function(el) {
    var offset = 280 * 57;
    var tm = setInterval(function() {
        if (offset == 0) {
            clearTimeout(tm)
        } else {
            el.target.style.backgroundPosition =  offset + "px 50%";
        }
        offset -= 280;
    }, 50);
});
</script>