Y 轴翻入
从侧面翻转到正面。
效果预览
参数调节
完整代码
/* Y 轴翻入 */
@keyframes flipInY {
from { opacity: 0; transform: perspective(600px) rotateY(-90deg); }
to { opacity: 1; transform: perspective(600px) rotateY(0); }
}
.flip-in-y { animation: flipInY .7s ease-out both; }