Как создать эффект отскока CSS3

Я пытаюсь создать эффект отскока в конце анимации без использования стороннего кода или javascript. Я понятия не имею, как это сделать, используя только чистый CSS.

Вот что у меня есть:

HTML:

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);
}

DEMO