<span style="--i:1">O</span>
<span style="--i:2">N</span>
<span style="--i:3">D</span>
<span style="--i:4">A </span>
<span style="--i:5">S</span>
<span style="--i:6"> </span>
<span style="--i:7"> B</span>
<span style="--i:8">O</span>
<span style="--i:9">U</span>
<span style="--i:10">N</span>
<span style="--i:11">C</span>
<span style="--i:12">E</span>
.bounce {
-webkit-box-reflect: below -40px linear-gradient(transparent, rgba(0,0,0,.2));
}
.bounce span {
display: inline-block;
animation: animar 3s infinite;
animation-delay: calc(.1s * var(--i));
}
@keyframes animar {
0%,40%,100% {
transform: translateY(0)
}
20% {
transform: translateY(-40px)
}
}
