css3实现无限旋转360度

来源:互联网 发布:js接口安全域名 作用 编辑:程序博客网 时间:2024/05/20 20:03
工作中遇到需要无限旋转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;}

原创粉丝点击