/* 定义动画 */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    /*50% {*/
    /*    opacity: 0;*/
    /*    transform: translateY(0);*/
    /*}*/
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* 应用动画 */
.animation {
    animation-name: fadeIn;
    animation-duration: .3s; /* 设置动画持续时间 */
    animation-timing-function: ease-out;
    animation-iteration-count: 1; /* 动画只执行一次 */
    animation-fill-mode: forwards;
}