10,000 Hop Over Effect Views


Hop Over Notification Badge has flown past Excerpt Peek to the top of my most popular pens on the code demo site, CodePen, with 10,000+ views. The effect got more attention due to featuring in a post on Envato, ‘A Collection of Pure CSS Animation Snippets & Demos’.

I was particularly pleased with this CSS effect and to-date I have seen few like it featuring a z-index change. It was tricky to code the effect successfully cross-browser.

This is an effect I later revamped with Action Button Intro to bring the effect to the Material Design Lite framework where it can highlight an apps primary action button.

Thanks to everyone who has taken a look and included the effect in their work.

All Posts