Slide Down
Slides down into place — good for expanding menus.
Preview
Tune parameters
Full code
/* Slide Down */
@keyframes slideDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
.slide-down { animation: slideDown .5s cubic-bezier(.22,.61,.36,1) both; }