Ok so I wanted to animate my new subscribe to RSS image (It’s basically a can with an RSS symbol on it but i like it!). I thought i’d make it shake when the page loads for a few seconds and then when the mouse hovers it.
To achieve this I used a plugin called jRumble and simulated click events using the timeout/ function to simulate the shake.
So, I basically downloaded the plugin, referenced it and included this simple jQuery snippet into my header file in WordPress.
jQuery Snippet to Simulate Shake
Simply refresh the page and look at the can at the top! Then mouse over it! Then click on the can and subscribe to our RSS feed! ;-)
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns