上推切換
新內容從下往上頂替舊內容，常見於步驟切換。
效果預覽
參數調節
完整代碼
/* 上推切換 */
@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; }