Por favor Leanme todos

[pzin]

Qué

{

Código HTML:

<div id="cosa"></div>
 

Código CSS:

#cosa {
  position: relative;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 90px;
  animation: vive 2s linear infinite;
}
 
#cosa:before, #cosa:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  background: firebrick;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
 
#cosa:after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}
 
@keyframes vive {
  from, 10%, 20%, 30%, to {
    transform: scale(1, 1);
  }
  15%, 25% {
    transform: scale(1.4, 1.4);
  }
}
 

}

nos vuelven estas fechas.

http://codepen.io/pzin/pen/gozfJ