css3转圈圈动画效果

admin

1. <style>
   
2.             .am-animation-spin {
   
3.                 display: inline-block;
   
4.                 width: 1rem;
   
5.                 height: 1rem;
   
6.                 -webkit-transform-origin: 50%;
   
7.                 transform-origin: 50%;
   
8.                 -webkit-animation: preloader-spin 1s steps(12, end) infinite;
   
9.                 animation: preloader-spin 1s steps(99, end) infinite;
   
10.             }
    
11.         </style>
    
12.         <span class="am-animation-spin">todo</span>

复制代码

这个效果在手机端，做加载中效果会经常用到