<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);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.