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