JSFiddle - React, Tailwind, and code Playground

by js_test

HTML

<div class="hexagon"></div>

CSS

.hexagon
{
    width:250px;
    height:250px;
    background:url('http://i59.servimg.com/u/f59/18/89/55/67/hexago10.png');    
    -webkit-animation: playhexagon .5s steps(18) infinite;
    animation: playhexagon .5s steps(18) infinite;
}

@-webkit-keyframes playhexagon {
   0% { background-position: 2250px; }
   100% { background-position: -2250px; }
}

@keyframes playhexagon {
   0% { background-position: 2250px; }
   100% { background-position: -2250px; }
}