.loader{
  position: relative;
  display: grid;
  place-items: center;
  width: 80px;
  height:80px;
}
.loader span{
  position: absolute;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: ripple 1.8s ease-out infinite;
}
.loader span:nth-child(2){
  animation-delay: -0.6s;
}
@keyframes ripple{
  from{
    opacity: 1;
    width: 0;
    height: 0;
  }
  to{
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}