CSS: Shake Element

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

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.