A few examples of flashy hover effects. Currently updating this pen. Work in Progress
Wonderful hover effects! :)
Wow, i was not aware that you can transition font-weight :D (actually i never tried, but it's still cool)
Very cool. Nice job.
Very nice. Here's a collection of buttons I created. http://codepen.io/kjbrum/pen/wBBLXx
Featured here: http://fribly.com/2015/01/18/collection-button-hover-effects/
@kjbrum thank you. Digging yours as well.
@ahmad_hania That is sweet! thanks for the link.
That Depress and Fade button. Niiiice!
Cool. Your work is amazing. I need design inspiration (for a developer ;). Nice effect. I've seen many effects with unbelievable, unnecessary code. I'll check out more of your work cheers!
Looks nice man, but put transition on the original element. So on hover out, there is also an animation.
@BramKrekels Thanks! Not sure I follow on the rest of the comment. There should be transitions back to original state on all of these. Is there one in particular that you dont see one?
@davidicus Woops, my bad! I was editing and playing around, then I figured the animation was on the hover only. But I was wrong. Nice work!
I got the code but when I do it .. there is some traingle inside the button on the ground border .. I dont know how it came
Too much red, isn't it? But eyes are ok )
thank you, it's creative Can I use it in commercial projects or now
@sniper_man, feel free to use in whatever way you like.
@kaksdelatpravilno I actually attribute the red color to this pen's popularity. It draws attention. It is by far my most viewed pen with more views than all other pens I have put together.
@nileshgiri not sure which button you are mentioning. Perhaps a link to your code
That center effect is incredibly satisfying.
Need to know how to enable it? Go here.