<div class="placescore"></div>
html{
  background:linear-gradient(to bottom, #FF5E3A, #FF2B67);
  width:100%;
  height:100%;
}

.placescore{
  position:relative;
  
  margin:10em auto;
    
  width:10em;
  height:10em;
  
  color:white;
  
  border:.3em solid;
    
  border-radius:100%;
    
}

.placescore:before{
  position:absolute;
  content:'';
  
  width:1.75em;
  height:1.75em;
    
  top:.4em;
  left:3.1em;
  
  box-shadow: 0 1.75em white,
              0 3.75em white,
              0 5.75em white,
    
              2em 1.75em white,
              2em 3.75em white;
  
  
  border-radius:inherit;
  
  animation:move-dots 1.5s ease-out  infinite;
  
}

@keyframes move-dots{
  18.28%{
      box-shadow: 0 1.75em white,
              0 3.75em white,
              0 5.75em white,
    
              2em 1.75em white,
              2em 3.75em white;
  }
  28.57%{
      box-shadow: 0 1.75em white,
                  0 3.75em white,
                  2.2em 5.75em white,
    
                  2em 1.75em white,
                  2em 3.75em white;
  }
  42.85%{
      box-shadow: 0 1.75em white,
                  0 5.95em white,
                  2em 5.75em white,
    
                  2em 1.75em white,
                  2em 3.75em white;
  }
  
  57.14%{
      box-shadow: 0 3.95em white,
                  0 5.75em white,
                  2em 5.75em white,
    
                  2em 1.75em white,
                  2em 3.75em white;
  }
  71.42%{
      box-shadow: 0 3.75em white,
                  0 5.75em white,
                  2em 5.75em white,
    
                  -.2em 1.75em white,
                  2em 3.75em white;
  }
  85.71%{
      box-shadow: 0 3.75em white,
                  0 5.75em white,
                  2em 5.75em white,
    
                  0 1.75em white,
                  2em 1.55em white;
  } 
  100%{
      box-shadow: 0 3.75em white,
                  0 5.75em white,
                  2em 3.75em white,
    
                  0  1.75em white,
                  2em 1.75em white;
  }
}
//Base on https://24.media.tumblr.com/f844a87c762ec841a3b702530634f02b/tumblr_mu9d1tn0t21qz729ho1_500.gif

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.