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

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

                  -3em 0 0 -0.5em #aaff00, -2em -2em 0 0 #aaff00;     
  }     
  12.5% {     
      box-shadow: 0 -3em 0 0 #aaff00, 2em -2em 0 0.2em #aaff00,     
                  3em 0 0 0 #aaff00, 2em 2em 0 -0.5em #aaff00,     
                  0 3em 0 -0.5em #aaff00, -2em 2em 0 -0.5em #aaff00,     
                  -3em 0 0 -0.5em #aaff00, -2em -2em 0 -0.5em #aaff00;     
  }     
  25% {     
      box-shadow: 0 -3em 0 -0.5em #aaff00, 2em -2em 0 0 #aaff00,     
                  3em 0 0 0.2em #aaff00, 2em 2em 0 0 #aaff00,     
                  0 3em 0 -0.5em #aaff00, -2em 2em 0 -0.5em #aaff00,     
                  -3em 0 0 -0.5em #aaff00, -2em -2em 0 -0.5em #aaff00;     
  }     
  37.5% {     
     box-shadow: 0 -3em 0 -0.5em #aaff00, 2em -2em 0 -0.5em #aaff00,     
                 3em 0 0 0 #aaff00, 2em 2em 0 0.2em #aaff00,     
                 0 3em 0 0 #aaff00, -2em 2em 0 -0.5em #aaff00,     
                 -3em 0 0 -0.5em #aaff00, -2em -2em 0 -0.5em #aaff00;