JSFiddle - React, Tailwind, and code Playground

by Kev

HTML

<div id="container">
        <div id="door_slam"></div>   
</div>

CSS

#door_slam {
height:900px;
width:100%;
background-image:url(http://s12.postimg.org/qp1ba2awb/door_slam.jpg);
background-repeat: repeat-x;

-webkit-animation: door_slam 1s steps(8);
-webkit-animation-iteration-count:1;

-webkit-animation-direction:normal;
-webkit-animation-fill-mode:forwards;
-webkit-animation-delay:1s;
}


@-webkit-keyframes door_slam {
   from { background-position: 0 0; }
     to { background-position: -9800px 0; }
}