Rotate In
Rotates from -180° to 0° while fading in, like a stamp landing.
Preview
Tune parameters
Full code
/* Rotate In */
@keyframes rotateIn {
from { opacity: 0; transform: rotate(-180deg) scale(.6); }
to { opacity: 1; transform: rotate(0) scale(1); }
}
.rotate-in { animation: rotateIn .6s cubic-bezier(.34,1.56,.64,1) both; }