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

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

                  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,     
                 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 #aaff00, -2em -2em 0 0.2em #aaff00;     
  }     
}     
@keyframes load3 {     
  0%,     
  100% {     
      box-shadow: 0 -3em 0 0.2em #aaff00, 2em -2em 0 0 #aaff00,     
                  3em 0 0 -0.5em #aaff00, 2em 2em 0 -0.5em #aaff00,     
                  0 3em 0 -0.5em #aaff00, -2em 2em 0 -0.5em #aaff00,