FontAwesome Animations

Wappler General Need Help
1

FontAwesome has a number of built in animations for their icons. However the only animations that Wappler has on the drop down is spin and pulse. Is there are way to add some others to my project? For example, I would like to use the 'Fade' animation to a chevron.

2

The icon:

<i class="fas fa-chevron-right">

CSS:

.fa-chevron-right {
    animation: fade 2s infinite;
}

@keyframes fade {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}
1 Like