從左淡入
從左側滑入並淡入，適合側邊欄與抽屜。
效果預覽
參數調節
完整代碼
/* 從左淡入 */
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-24px); }
to { opacity: 1; transform: translateX(0); }
}
.fade-in-left { animation: fadeInLeft .6s cubic-bezier(.22,.61,.36,1) both; }