@keyframes dropdown {
    0% {
        height: 0px;
    }
    100% {
         background-color: #2449a4;
        height: 100%;
    }
}
/* ---------首页--------- */
@keyframes cartoon1 {
    0% {
        opacity: 0.25;
        height: 0;
    }
    100% {
        opacity: 1;
        height: 100%;
    }
}
@keyframes downup {
    0% {
        opacity: 0.25;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-moz-keyframes cartoon1 {}
@-webkit-keyframes cartoon1 {}
@-o-keyframes cartoon1 {}

/* 抖动 */
@keyframes shakeI {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-4deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.15) rotate(4deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.15) rotate(-4deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
/* ----------------------- */
@keyframes makeup {
    0% {
        left: 50%;
        bottom: -40%;
    }
    100% {
        left: 50%;
        bottom: 10%;
    }
}
@keyframes lineup {
    0% {
       transform: translateY(20px);
    }
    100% {
       transform: translateY(0);
    }
}
@keyframes linedown {
    0% {
       transform: translateY(-20px);
    }
    100% {
       transform: translateY(0);
    }
}

<!--0.00014519691467285-->