javascript - 使用 jQuery 在悬停时向下移动图标

Question

我的页面上有一个图标，我想使用 jQuery 为其在页面下方的位置设置动画。这将在悬停时发生。将其向下移动 40px。

当我关闭悬停时，它会慢慢移回到原来的位置。

<i class="fa fa-chevron-circle-down"></i>

演示:http://jsfiddle.net/5uamyea1

Answer 1

为什么不直接使用 CSS？

https://jsfiddle.net/5uamyea1/

.fa{position:relative;transition:top 0.5s;top:0}
.fa:hover{top:20px}