Get a free trial // Grow your CSS skills // Land your dream job

Contact Information Hover Effect

  • # February 25, 2013 at 10:34 pm

    Hello, I am trying to implement a simple effect where a link fades in when a parent `span` element is hovered over. Here is the pen on CodePen: Try hovering over the multiple `span` elements repeatedly and then stop. You’ll notice that the animations continue and do not stop until all of them are executed.

    Also, notice the extra padding on the `a` element in the color `#ccc`. I did not intentionally add this padding and need it removed. Can you guys please help me fix this padding issue and the animation issue? I want the padding removed somehow and I would like to figure out how to stop the animations for all the other `span` elements if one `span` element is hovered over.

    Thanks in advance!

    # February 25, 2013 at 11:33 pm

    i think i fixed your hover issue:

    see also:

    # February 25, 2013 at 11:35 pm

    @srig99 : .stop() works like a charm :)

    # February 26, 2013 at 3:52 pm

    Thank you so much @dfogge and @JohnMotylJr!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed