JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<img src="http://darcyclarke.me/ss/pirate_panda.png">

CSS

img {
    position: absolute;
    -webkit-animation: panda 10s linear infinite;
}

@-webkit-keyframes panda {
    0%  { left: 100%; }
    10% { left: 90%;   }
    20% { left: 80%;   }
30% { left: 70%;   }
40% { left: 60%;   }
50% { left: 50%;   }
60% { left: 60%;   }
70% { left: 70%;   }
80% { left: 80%;   }
90% { left: 90%;   }
1000% { left: 100%;   }
}