/**
 * ----------------------------------------
 * animation 左右滑动
   使用示例：animation: slide-right-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 * ----------------------------------------
 */
@keyframes slide-right-left {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(4px);
    }

    50% {
        transform: translateX(0);
    }

    75% {
        transform: translateX(-4px);
    }

    100% {
        transform: translateX(0);
    }
}

/**
 * ----------------------------------------
 * animation 放大后还原
   使用示例：animation: scale-up-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 * ----------------------------------------
 */
@keyframes scale-up-center {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.1);
    }

    75% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}