Very cool! Nice implementation. Keyframes are definitely smoother. Instead of ‘Hover Shake’, this one looks like ‘Hover Wobble’.
Nice thing about the JS is that you can call the function with speed and angle params so it’s lightning fast to customize new types of shaking with just 1 line of code.
Could probably do something similar with the CSS though? I wonder if there is a way to make the CSS version quickly editable for elements on the page that you want to shake more or less or faster or slower. Closest thing I can think of is $(’#element’).css()