CSS3 transition effect with onclick. Every time we apply this class to the icon the icon will spin. 7. You will find more than 50 CSS animation examples on this simple website. Invoke CSS3 animation by onClick event. Hey Shomz, things seem to be working fine however I'm not able to run the script-code. Active 7 years ago. CSS animation examples like this can also be used on landing pages to make a strong impression. Ask Question Asked 7 years ago. The dynamic text colour uses mix-blend-mode: difference.. You can use the concept to make your own logo animation or the loader animation. In this CSS animation example, the created has used the retro IBM think concept; golden days of IBM. 03 Jan 2012. Custom Drop-Down List Styling [Demo] 8. Text CSS animation effects like bouncing, fading, flipper, zoom entrances, and more. 10 Examples of Animation … About the code CSS-only Ripple Effect Button. Web developers have been immersing themselves into CSS3-based designs. Great! Mastering CSS3 Multiple Backgrounds. Quickly Build a Swish Teaser Page With CSS3 [Demo] 9. A CSS-only toggle button with dynamic inverse text colour. jQuery plugins. "I've started with adding onclick" and "Only CSS please, no JS or Jquery". You can't toggle animation states with