.elements div{
  position:absolute;
  width:60px;
  height:60px;
  background: transparent;
  border:6px solid rgba(0,0,0,0.8);
}
.elements div:nth-child(1){
  top:11%;
  left:41%;
  animation:animate 10s linear infinite;
}
.elements div:nth-child(2){
  top:69%;
  left:49%;
  animation:animate 7s linear infinite;
}
.elements div:nth-child(3){
  top:18%;
  left:7%;
  animation:animate 9s linear infinite;
}
.elements div:nth-child(4){
  top:19%;
  left:61%;
  animation:animate 10s linear infinite;
}
.elements div:nth-child(5){
  top:68%;
  left:11%;
  animation:animate 6s linear infinite;
}
.elements div:nth-child(6){
  top:79%;
  left:71%;
  animation:animate 12s linear infinite;
}
.elements div:nth-child(7){
  top:59%;
  left:81%;
  animation:animate 15s linear infinite;
}
.elements div:nth-child(8){
  top:89%;
  left:26%;
  animation:animate 9s linear infinite;
}
.elements div:nth-child(9){
  top:91%;
  left:24%;
  animation:animate 9s linear infinite;
}
.elements div:nth-child(10){
  top:21%;
  left:79%;
  animation:animate 5s linear infinite;
}

@keyframes animate{
  0%{
    transform:scale(0) translateY(-90px) rotate(360deg);
    opacity: 1;
  }
  100%{
    transform:scale(1.3) translateY(-90px) rotate(-180deg);
    border-radius: 50%;
    opacity: 0;
  }
}