Cacher is the code snippet organizer for pro developers

.arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.arrow {
  -moz-animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
  animation: arrow 2s infinite;
}

@keyframes arrow {
  
  0% {
    transform: translateY(-10px);
  }
    
  50% {
    transform: translateY(0px);
  }
    
 100% {
    transform: translateY(-10px);
  }    
    
}