Tada
A celebration-style combo of scale and rotation.
Preview
Tune parameters
Full code
/* Tada */
@keyframes tada {
0% { transform: scale(1) rotate(0); }
20% { transform: scale(.92) rotate(-4deg); }
55% { transform: scale(1.1) rotate(4deg); }
100% { transform: scale(1) rotate(0); }
}
.tada { animation: tada 1s ease-in-out; }