JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logo"></div>

CSS

#logo {
  background: url('http://th00.deviantart.net/fs71/PRE/f/2012/354/9/6/known_memes_refreshed_by_me__derpina__by_zcoogerchannel-d5on10l.png');
  height: 200px;
  width: 200px;
  background-position: 0px -500px;
}
#logo:hover{
  -webkit-animation: logoAnim 1s alternate-reverse;
} 
@-webkit-keyframes logoAnim { 
    0% { background-position: 0px -500px; }
    100% { background-position: -1094px -500px; }
}