Comment créer CSS3 effet de rebond

Je suis en train de créer un effet de rebond à la fin de l'animation, sans l'aide d'un 3ème partie du code ou du code javascript. Je n'ai aucune idée de comment faire cela en utilisant uniquement pur CSS.

Voici ce que j'ai à ce jour:

HTML:

<div></div>
<div></div>
<div></div>

CSS:

div {
    background:  tomato;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    transition: transform 0.3s ease-in;
    transform-origin: top left;
}
div:hover { 
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5);
}

DÉMO

OriginalL'auteur Monkey D Luffy | 2015-04-22