.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);} }
Preview:
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