<div class="scroll_icon2 updown">
  <p>SCROLL</p>
</div>
body {
  background :#000;
}

.updown{
  animation-name:UpDown;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  text-align: center;
}

.updown p {
  color:#fff;
}

@keyframes UpDown{
  0%{
  transform: translateY(0);
  }
  100%{
  transform: translateY(30px);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.