JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="superfish-1">
    <li>alshdlkaskl</li>
</ul>

CSS

li {
  border-left: 3px solid #efefef;  
}

JavaScript

$("#superfish-1 > li").hover(function() {
    $(this).animate({"background-position" : "0 30px"}, "fast");
}, function() {
    $(this).css({"border-left" : "1px solid #EFEFEF", "margin-left" : "0px"});
});