Slide Up
Moves up into place from below with a larger travel distance.
Preview
Tune parameters
Full code
/* Slide Up */
@keyframes slideUp {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
.slide-up { animation: slideUp .5s cubic-bezier(.22,.61,.36,1) both; }