JSFiddle - React, Tailwind, and code Playground

by Johan Pantzare

HTML

<img id="arrow" src="http://icons.veryicon.com/ico/System/iOS7%20Minimal/Arrows%20Forward.ico">

CSS

@-webkit-keyframes arrow-jump {
  0%   { opacity: 1;}
  100% { opacity: 0; 
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -0-transform: translateX(30px);
        transform: translateX(30px);
     
    }
  
}
#arrow {
height:50px;
  -webkit-animation: arrow-jump 1s infinite; /* Safari 4+ */
  -moz-animation:    arrow-jump 1s infinite; /* Fx 5+ */
  -o-animation:      arrow-jump 1s infinite; /* Opera 12+ */
  animation:         arrow-jump 1s infinite; /* IE 10+, Fx 29+ */
}