/*  閃爍 */
@keyframes twinkle {
    0% {
        opacity: .0.8;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes twinkle {
    0% {
        opacity: .0.8;
    }

    100% {
        opacity: 0;
    }
}


/* 旋轉 */
@keyframes rotate {
    0% {
        rotate: 0deg;
    }

    100% {
        rotate: 360deg;
    }
}

@-webkit-keyframes rotate {
    0% {
        rotate: 0deg;
    }

    100% {
        rotate: 360deg;
    }
}



/*  晃動 */
@keyframes wiggle {

    0%,
    10%,
    20%,
    30%,
    40% {
        transform: rotate(0);
    }

    40%,
    50%,
    60%,
    70%,
    80% {
        transform: rotate(10deg);
    }

    45%,
    55%,
    65%,
    75%,
    85% {
        transform: rotate(-10deg);
    }

    85%,
    100% {
        transform: rotate(0);
    }
}

@-webkit-keyframes wiggle {

    0%,
    10%,
    20%,
    30%,
    40% {
        transform: rotate(0);
    }

    40%,
    50%,
    60%,
    70%,
    80% {
        transform: rotate(10deg);
    }

    45%,
    55%,
    65%,
    75%,
    85% {
        transform: rotate(-10deg);
    }

    85%,
    100% {
        transform: rotate(0);
    }
}


/*  放大縮小 */
@keyframes scale {
    0% {
        transform: scale(1.5);
    }

    50% {
        transform: scale(.8);
    }

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

@-webkit-keyframes scale {
    0% {
        transform: scale(1.5);
    }

    50% {
        transform: scale(.8);
    }

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

/*  微上下飄動  */
@keyframes bounce {

    0%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}