Jello
Horizontal squash and stretch, like jelly.
Preview
Tune parameters
Full code
/* Jello */
@keyframes jello {
0%, 100% { transform: scale(1, 1); }
30% { transform: scale(1.14, .86); }
60% { transform: scale(.9, 1.1); }
}
.jello { animation: jello .9s ease-in-out; }