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>