向下滑入
從上方滑入，適合展開式選單。
效果預覽
參數調節
完整代碼
/* 向下滑入 */
@keyframes slideDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
.slide-down { animation: slideDown .5s cubic-bezier(.22,.61,.36,1) both; }