Pulse animation

By arizCSS

Create a circle and animate it forever!

.cirlce {
   border: 1px solid #777;
   border-radius: 100%;
   height: 30px;
   width: 30px;
   background-color: #eee;
   animation: pulse 1s ease-out;
   animation-iteration-count: infinite;
   opacity: 1;
}

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