css3实现元素不停旋转
主要使用了@keyframes和animation，以及指定infinite，播放次数不限来实现。
HTML代码如下：
<div class="wrap">
<img class="rotate" src="./icon.webp" alt=""><br/>
HTML中文网
</div>CSS代码如下：（相关课程推荐：css视频教程）
@keyframes rotation{
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rotate{
width: 100px;
height: 100px;
animation: rotation 3s linear infinite;
border-radius: 250px;
border: 4px solid rgba(255, 255, 255, .6);
}
.wrap{
padding: 16px;
text-align: center;
background: #eee;
}效果：
本文来自css3答疑栏目，欢迎学习！
以上就是css3实现元素不停旋转的详细内容，更多请关注易知道|edz.cc其它相关文章！
