css3 实现icon刷新转动
要使用CSS3实现一个图标（icon）持续旋转，您可以使用animation属性配合@keyframes规则。以下是一个简单的例子，它将使一个图标（这里以CSS中的.icon类代表）持续旋转：
.icon {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}在这个例子中，.icon类定义了一个名为rotate的动画，该动画从0度旋转至360度。animation属性指定了动画的持续时间（2秒），动画的速度曲线（linear表示匀速），以及动画的重复次数（infinite表示无限次重复）。
接下来，您只需要在HTML中将icon类应用到相应的元素上：
<div class="icon">
<!-- 这里是您的图标代码，例如使用字体图标库或图像 -->
</div>这段代码会使得任何带有icon类的元素都会无限期地持续旋转。您可以根据需要调整动画的时长、速度曲线和其他属性。
评论已关闭