@keyframes moveUpAni {
    from
    {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    to{
        -webkit-transform: translate(0,2px);
        -ms-transform: translate(0,2px);
        -moz-transform: translate(0,2px);
        -o-transform: translate(0,2px);
        transform: translate(0,2px);
    }
}
.moveUpAni{
    animation: moveUpAni 1s;
    -webkit-animation: moveUpAni 1s;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
}

/*闪烁3次*/
@keyframes flickerAni {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}
.flickerAni{
    animation: flickerAni 1s;
    -webkit-animation: flickerAni 1s;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
}

@keyframes flicker2Ani {
    from {
        opacity: 0.6;
    }
    to {
        opacity: 1;
    }
}
.flicker2Ani{
    animation: flicker2Ani 1s;
    -webkit-animation: flicker2Ani 1s;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
}

/*按Y轴旋转35deg*/
@keyframes rotate35Ani {
    from {
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(35deg);
        -ms-transform: rotateY(35deg);
        -moz-transform: rotateY(35deg);
        -o-transform: rotateY(35deg);
        transform: rotateY(35deg);
    }
}
.rotate35Ani{
    animation: rotate35Ani 2s;
    -webkit-animation: rotate35Ani 2s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}