SOURCE

<svg width="600" height="600" class="zong  ">
    <circle cx="80"cy="80"r="30"fill="none"stroke="white" stroke-width="3" class="yuan">
    <circle cx="80"cy="80"r="30"fill="none"stroke="white" stroke-width="4" class="yuan1">

</svg>

.zong{
    background-color:skyblue ;
}
@keyframes fang{
    0%{
        r:1;
        
    } 
    100%{
     r:20; 
   
    }
    
}
@keyframes fang1 {
    0%{
      r:10;

    }
     100%{
       r:30;
       stroke:transparent;
     
     }
}
    .yuan{
   animation: fang  1s infinite ;  
    }
  .yuan1{
 animation: fang1  1s infinite ;  
}