向下淡入
淡入同時從上方下落，適合下拉選單與提示條。
效果預覽
參數調節
完整代碼
/* 向下淡入 */
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-16px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in-down { animation: fadeInDown .6s cubic-bezier(.22,.61,.36,1) both; }