JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow"></div>

CSS

.arrow {
    width: 50px;
    padding: 10px 0;
    background: url(http://upload.wikimedia.org/wikipedia/commons/4/45/Right-facing-Arrow-icon.jpg) no-repeat center;
    background-size: 16px
}

JavaScript

$(".arrow").on("mouseenter", function()
{
    $(this).stop(true).animate({ "background-position": "75%" });
}).on("mouseleave", function()
{
    $(this).stop(true).animate({ "background-position": "50%" });
});