14/06/2016 Development / css

i did this css to the s4c app

<div class="box pulse animated"></div>

.box {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%
}
.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.8);}
  100% {transform: scale(1); opacity: 0}
}
.pulse {
  animation-name: pulse;
  animation-duration: 1s;
}