3D 翻入
帶透視沿 X 軸翻入，邊緣有厚度錯覺。
效果預覽
參數調節
完整代碼
/* 3D 翻入 */
@keyframes flipIn3d {
from { opacity: 0; transform: perspective(800px) rotateX(-90deg); }
to { opacity: 1; transform: perspective(800px) rotateX(0); }
}
.flip-in-3d { animation: flipIn3d .7s cubic-bezier(.22,.61,.36,1) both; }