animation - 如何使 Font Awesome 图标在单击时停止旋转？

Question

我希望这个箭头在页面加载时旋转，然后当有人点击它时，它会暂停动画。我怎样才能做到这一点？

<i class="far fa-arrow-alt-circle-up fa-7x fa-spin"></I>

标签： animationfontsfont-awesomefont-awesome-5

Answer 1

或者你可以在不创建任何函数的情况下内联：

<i id="arrowIcon" class="fa fa-car fa-spin" onclick="this.classList.remove('fa-spin')"></i>