上推切换
新内容从下往上顶替旧内容，常见于步骤切换。
效果预览
参数调节
完整代码
/* 上推切换 */
@keyframes pushUp {
from { opacity: 0; transform: translateY(100%) scale(.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.push-up { animation: pushUp .5s cubic-bezier(.22,.61,.36,1) both; }