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

Question

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

结构是

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

css的工作代码是http://jsfiddle.net/7vrw4abx/

Answer 1

您正在将样式与以下内容相关联：专注于单击该项目将保持不变，直到您单击开始。更改以下

.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 {

（Demo）