<div class="container">
<div class="div-hover">Kang</div>
</div>
.div-hover {
position: relative;
width: 100px;
height: 24px;
margin: 100px 20px 0 0;
animation: myRotate 3s linear infinite;
}
@keyframes myRotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
简单写个demo,div转动起来了
文章来源地址https://www.toymoban.com/news/detail-812899.html
文章来源：https://www.toymoban.com/news/detail-812899.html
到了这里，关于vue增加动画样式@keyframes的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
