chevron down animation wordpress code example

Example: elementor scroll down arrow

<i class="scroll fas fa-arrow-down">
<style>
.scroll-wrapper {text-align:center;}
.scroll {

    font-size: 50px;
    color: #000;

    -webkit-animation: scrolling 3s ease infinite;
    -moz-animation: scrolling 3s ease infinite;
    -o-animation: scrolling 3s ease infinite;
    animation: scrolling 3s ease infinite;
}

@keyframes scrolling {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(0,40px);
}
  100% {
    transform: translate(0);
  }
}
</style></div>

Tags:

Misc Example