Push Up
New content pushes up over the old — common in step transitions.
Preview
Tune parameters
Full code
/* Push Up */
@keyframes pushUp {
from { opacity: 0; transform: translateY(100%) scale(.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.push-up { animation: pushUp .5s cubic-bezier(.22,.61,.36,1) both; }