Heart pulse in pure CSS3

Un ejemplo perfecto de como usar las mejoras que nos ofrece CSS3

Aquí os dejo un ejemplo funcionando: (Que bonito pié de página 😱)

Made with in Málaga, Spain. Created by Kiko Seijo.

Este es el código que os hace falta para el html:

<i class="fa fa-heart text-danger pulse"></i>

Y por último el css para añadir en vuestra hoja de estilos.

.pulse {
  animation-name: pulse_animation;
  animation-duration: 3000ms;
  transform-origin: 50% 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes pulsnimation {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
  45% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  55% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}