点击后如何用CSS动画回来？

【问题标题】：How to animate back after click with CSS?点击后如何用CSS动画回来？
【发布时间】：2015-05-24 13:09:09
【问题描述】：

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

结构是

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

【问题讨论】：

【解决方案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 {

【讨论】：