gpt4 book ai didi

icons - FontAwesome 图标仅在鼠标悬停时旋转?

转载 作者:行者123 更新时间:2023-12-04 01:30:34 28 4
gpt4 key购买 nike

在 Font Awesome 我如何使用此代码:<i class="fa fa-spinner fa-spin"></i>仅在鼠标悬停上工作?

最佳答案

除了覆盖类之外,您还可以创建另一个仅用于悬停的类:

.fa-spin-hover:hover {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}


<i class="fa fa-circle-o-notch fa-spin-hover"></i>
<i class="fa fa-spinner fa-spin-hover"></i>

fiddle : http://jsfiddle.net/Xw7LH/1/

注意:如果使用 Font-Awesome 4.2+,您可能需要使用“fa-”命名动画:
.fa-spin-hover:hover {
-webkit-animation: fa-spin 2s infinite linear;
-moz-animation: fa-spin 2s infinite linear;
-o-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}

关于icons - FontAwesome 图标仅在鼠标悬停时旋转?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21030259/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com