/*--------------------------------------------------------------------------*\
    Object "shaken" (example : error message)
\*--------------------------------------------------------------------------*/

@keyframes shake {

    10%,
    90% {
        /*transform*/
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        /*transform*/
        transform: translate3d(2px, 0, 0);
        -webkit-transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        /*transform*/
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        /*transform*/
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
    }

}

.anim-name-shake {
    /*animation*/
    animation-name: shake;
    -webkit-animation-name: shake;
}