Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
The hover button effects on http://37signals.com/ are beautiful and super quick. How did they do it? It appears to be javascript and css3, but I can’t tell, from the source code, what kind of functions they used to achieve the effect.
Thanks!
Azeem
They have a few divs (with classes
box hover_container hover_target) that have a hover event attached to it. When the user hovers over a target box, the classhoveris added to it. The classhoverhas a gradient effect which highlights the currently hovered block.Each of those blocks have a custom arrow image and text associated with it inside the markup. It’s simple enough to see which one is being hovered over and display the correct content and arrows