JSFiddle - React, Tailwind, and code Playground

by Amal Das

HTML

<div class="img-ani">
    
</div>

CSS

/*.img-ani{
  width:100%;
   height:200px;
   //background-color:red;
   background:url("http://s32.postimg.org/3r4nptp45/intro_bg.gif");
   animation: bgMove 30s linear 0s infinite normal;
}
@-webkit-keyframes bgMove{0%{background-position:50% 0}100%{background-position:50% -480px}}*/
.img-ani{
  width:100%;
   height:300px;
   //background-color:red;
   background:url("http://s32.postimg.org/sqk7b6ue9/bird.gif") no-repeat;
   animation: bigMove 10s linear 0s infinite normal;
}
@-webkit-keyframes bigMove{0%{background-position:0 50%}100%{background-position:100% 0}};