縱向翻出
沿 Y 軸翻出並淡出，用於退場。
效果預覽
參數調節
完整代碼
/* 縱向翻出 */
@keyframes flipOutY {
from { opacity: 1; transform: perspective(600px) rotateY(0); }
to { opacity: 0; transform: perspective(600px) rotateY(90deg); }
}
.flip-out-y { animation: flipOutY .6s cubic-bezier(.55,0,.85,.35) both; }