CSS3实现大小不一的粒子旋转加载动画

2020-05-05 07:34:30易采站长站整理

   }     
   50% {     
      box-shadow: 0 -3em 0 -0.5em #aaff00, 2em -2em 0 -0.5em #aaff00,     
                  3em 0 0 -0.5em #aaff00, 2em 2em 0 0 #aaff00,     
                  0 3em 0 0.2em #aaff00, -2em 2em 0 0 #aaff00,     
                  -3em 0 0 -0.5em #aaff00, -2em -2em 0 -0.5em #aaff00;     
   }     
   62.5% {     
       box-shadow: 0 -3em 0 -0.5em #aaff00, 2em -2em 0 -0.5em #aaff00,     
                   3em 0 0 -0.5em #aaff00, 2em 2em 0 -0.5em #aaff00,     
                   0 3em 0 0 #aaff00, -2em 2em 0 0.2em #aaff00,     
                   -3em 0 0 0 #aaff00, -2em -2em 0 -0.5em #aaff00;     
  }     
  75% {     
      box-shadow: 0 -3em 0 -0.5em #aaff00, 2em -2em 0 -0.5em #aaff00,     
                  3em 0 0 -0.5em #aaff00, 2em 2em 0 -0.5em #aaff00,     
                  0 3em 0 -0.5em #aaff00, -2em 2em 0 0 #aaff00,     
                  -3em 0 0 0.2em #aaff00, -2em -2em 0 0 #aaff00;     
   }     
   87.5% {     
       box-shadow: 0 -3em 0 0 #aaff00, 2em -2em 0 -0.5em #aaff00,