@keyframes tilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }

}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg);
    }

}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -moz-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -moz-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -moz-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -moz-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -moz-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

}

@keyframes swing2 {
    0% {
        -webkit-transform: translate3d(70px, 0, 0) rotateZ(10deg);
        -moz-transform: translate3d(70px, 0, 0) rotateZ(10deg);
        transform: translate3d(70px, 0, 0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-70px, 0, 0) rotateZ(-10deg);
        -moz-transform: translate3d(-70px, 0, 0) rotateZ(-10deg);
        transform: translate3d(-70px, 0, 0) rotateZ(-10deg);
    }

}

@keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }

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

}

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

    100% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        transform: scale(2);
    }

}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }

}

.if_swing1 {
    -webkit-animation: swing 4s infinite alternate linear;
    -moz-animation: swing 4s infinite alternate linear;
    animation: swing 4s infinite alternate linear;
}

.if_swing2 {
    -webkit-animation: swing2 4s 0.1s infinite alternate linear;
    -moz-animation: swing2 4s 0.1s infinite alternate linear;
    animation: swing2 4s 0.1s infinite alternate linear;
}

.if_wave {
    -webkit-animation: wave 8s 0.1s infinite linear;
    -moz-animation: wave 8s 0.1s infinite linear;
    animation: wave 8s 0.1s infinite linear;
}

.if_tilt {
    -webkit-animation: tilt 4s infinite alternate linear;
    -moz-animation: tilt 4s infinite alternate linear;
    animation: tilt 4s infinite alternate linear;
}

.if_bounce {
    -webkit-animation: bounce 4s infinite alternate linear;
    -moz-animation: bounce 4s infinite alternate linear;
    animation: bounce 4s infinite alternate linear;
}

.if_scale {
    -webkit-animation: scale 2s infinite alternate linear;
    -moz-animation: scale 2s infinite alternate linear;
    animation: scale 2s infinite alternate linear;
}

.if_spin {
    -webkit-animation: spin 2s infinite alternate linear;
    -moz-animation: spin 2s infinite alternate linear;
    animation: spin 2s infinite alternate linear;
}

.if_spin2 {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}