JSFiddle - React, Tailwind, and code Playground

by lustre

HTML

<div class="scroll-slide"></div>

CSS

body {background:#3b414f;}

@keyframes bounce {
  92% {
  	transform:translateY(0%);
  }
  94% {
  	transform:translateY(-15%);
  }
  96% {
  	transform:translateY(0%);
  }
  98% {
  	transform:translateY(-10%);
  }
  100% {
  	transform:translateY(0);
  }
}

.scroll-slide {
    height:57px;
    width:25px;
    background:url('http://dev.miltonbayer.com/sites/all/themes/miltonbayer/images/scroll.png') no-repeat;
    display:block;
    position:absolute;
    z-index:200;
    left:50%;
    bottom:30px;
    margin:0 0 0 -13px;
    
	animation: bounce 5s ease-out 2s infinite;   
}