css3实现无限旋转360度

更新时间:2023-05-11 06:17:15 阅读: 评论:0

css3实现⽆限旋转360度⼯作中遇到需要⽆限旋转360度的loading圈,亲测下⾯css样式可⽤。
@-webkit-keyframes animal {
0%{
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100%{
transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.icon {
-webkit-animation: animal 1s infinite linear ;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}

本文发布于:2023-05-11 06:17:15,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/581611.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:旋转   需要   遇到   作中   样式   亲测
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图