横向飞入弹窗动画

这是一个从左侧横向飞入的弹窗动画效果。点击下方按钮可以触发弹窗，您还可以调整动画速度和方向。

CSS动画关键代码
.modal {
    /* 初始位置在屏幕左侧外部 */
    transform: translateX(-100vw);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.modal.active {
    /* 激活时回到正常位置 */
    transform: translateX(0);
}