.shake-slow {
    display: inline-block;
    transform-origin: center center; }

.shake-freeze,
.shake-constant,
.shake-constant {
    animation-play-state: paused;
}

.shake-freeze,.shake-slow {
    animation-play-state: running;
}

@keyframes shake-slow {
    2% {
        transform: translate(0px, 4px) rotate(-0.5deg);
        -moz-transform: translate(0px, 4px) rotate(-0.5deg);
        -webkit-transform: translate(0px, 4px) rotate(-0.5deg);
        -o-transform: translate(0px, 4px) rotate(-0.5deg);
        -ms-transform: translate(0px, 4px) rotate(-0.5deg);}
    12% {
        transform: translate(-9px, 9px) rotate(1.5deg);
        -moz-transform: translate(-9px, 9px) rotate(1.5deg);
        -webkit-transform: translate(-9px, 9px) rotate(1.5deg);
        -o-transform: translate(-9px, 9px) rotate(1.5deg);
        -ms-transform: translate(-9px, 9px) rotate(1.5deg);}
    22% {
        transform: translate(7px, -6px) rotate(0.5deg);
        -moz-transform: translate(7px, -6px) rotate(0.5deg);
        -webkit-transform: translate(7px, -6px) rotate(0.5deg);
        -o-transform: translate(7px, -6px) rotate(0.5deg);
        -ms-transform: translate(7px, -6px) rotate(0.5deg);}
    32% {
        transform: translate(2px, -6px) rotate(-1.5deg);
        -moz-transform: translate(2px, -6px) rotate(-1.5deg);
        -webkit-transform: translate(2px, -6px) rotate(-1.5deg);
        -o-transform: translate(2px, -6px) rotate(-1.5deg);
        -ms-transform: translate(2px, -6px) rotate(-1.5deg);}
    42% {
        transform: translate(10px, 8px) rotate(3.5deg);
        -moz-transform: translate(10px, 8px) rotate(3.5deg);
        -webkit-transform: translate(10px, 8px) rotate(3.5deg);
        -o-transform: translate(10px, 8px) rotate(3.5deg);
        -ms-transform: translate(10px, 8px) rotate(3.5deg);
    }
    52% {
        transform: translate(4px, 1px) rotate(3.5deg);
        -moz-transform: translate(4px, 1px) rotate(3.5deg);
        -webkit-transform: translate(4px, 1px) rotate(3.5deg);
        -o-transform: translate(4px, 1px) rotate(3.5deg);
        -ms-transform: translate(4px, 1px) rotate(3.5deg);}
    62% {
        transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);}
    72% {
        transform: translate(9px, -3px) rotate(-0.5deg);
        -moz-transform: translate(9px, -3px) rotate(-0.5deg);
        -webkit-transform: translate(9px, -3px) rotate(-0.5deg);
        -o-transform: translate(9px, -3px) rotate(-0.5deg);
        -ms-transform: translate(9px, -3px) rotate(-0.5deg);}
    82% {
        transform: translate(8px, 6px) rotate(3.5deg);
        -moz-transform: translate(8px, 6px) rotate(3.5deg);
        -webkit-transform: translate(8px, 6px) rotate(3.5deg);
        -o-transform: translate(8px, 6px) rotate(3.5deg);
        -ms-transform: translate(8px, 6px) rotate(3.5deg);}
    92% {
        transform: translate(-9px, -4px) rotate(-2.5deg);
        -moz-transform: translate(-9px, -4px) rotate(-2.5deg);
        -webkit-transform: translate(-9px, -4px) rotate(-2.5deg);
        -o-transform: translate(-9px, -4px) rotate(-2.5deg);
        -ms-transform: translate(-9px, -4px) rotate(-2.5deg);}
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
        -moz-transform: translate(0, 0) rotate(0deg);
        -webkit-transform: translate(0, 0) rotate(0deg);
        -o-transform: translate(0, 0) rotate(0deg);
        -ms-transform: translate(0, 0) rotate(0deg);}
}

.shake-slow,
.shake-slow.shake-freeze,
.shake-slow.shake-constant {
    animation: shake-slow 1s ease-in-out infinite;
    -webkit-animation: shake-slow 1s ease-in-out infinite;
    -moz-animation: shake-slow 1s ease-in-out infinite;
    -o-animation: shake-slow 1s ease-in-out infinite;
    -ms-animation: shake-slow 1s ease-in-out infinite;
}