点击 CSS 后如何动画返回？

Question

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

结构是

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

Answer 1

您正在将样式与 :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 {

How to animate back after click with CSS?