* {
  margin: 0; 
  padding: 0;
}
body {
	background: #222;
}

div{
  background: #fff; 
  border: 6px solid #00b279;
  border-radius: 100%;
  width: 200px;  
  height: 200px;
  margin: 2.5% auto;
  position: relative;
  overflow:hidden;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
}

span {
  display: block; 
  position: absolute;
  background: #00ffa9;
  border-radius: 100%;
  height: 200px;
  width: 200px;
  transform: scale(0);
  -webkit-animation: ping 2s infinite;
  animation: ping 2s infinite;
}

@-webkit-keyframes ping { 
  100% {opacity: 0; -webkit-transform: scale(1);} 
}
@keyframes ping { 
  100% {opacity: 0; transform: scale(1);} 
}

@-webkit-keyframes pulse { 
    50% {-webkit-transform: scale(1.1);} 
    100% {-webkit-transform: scale(1);} 
}
@keyframes pulse { 
    50% {transform: scale(1.1);} 
    100% {transform: scale(1);} 
}