Preview:
.shake {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    animation-name: shakeMe;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes shakeMe {
    2%, 18% {transform: translate3d(-5px, 0, 0);}
    4%, 16% {transform: translate3d(5px, 0, 0);}
    6%, 10%, 14% {transform: translate3d(-5px, 0, 0);}
    8%, 12% {transform: translate3d(5px, 0, 0);}
    18.1% {transform: translate3d(0px, 0, 0);}
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter