从右淡入
从右侧滑入并淡入，适合通知与浮层。
效果预览
参数调节
完整代码
/* 从右淡入 */
@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; }