如何在使用CSS单击后重新设置动画？

我有一个固定的按钮将页面滚动到开头。当您将鼠标悬停时，它将设置动画（并在鼠标退出时设置回动画）。但是如果点击图标，动画不会回滚。箭头应向后平移360º

结构是

   <div id='back-to-top'>
  <a href="#" class="hvr-icon-spin"></a>
</div>

---

css的工作代码是

您正在将样式与：focus关联，因此在单击项目时，它将保持不变，直到您单击离开。更改以下内容

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {

对此

.hvr-icon-spin:hover:before, .hvr-icon-spin:active:before {

（）