Grow your CSS skills. Land your dream job.

Fade-in Gradient Body Border_stops working :(

  • # April 15, 2010 at 11:37 am

    Can anyone help!!! I’m not sure if it’s just my browsers but the "Fade-in Gradient Body Border" demo and source files on http://css-tricks.com/downloads/layouts-templates/ stop working after repeated hover and off use. So just to be clear the more you hover over the link and then off it the more likely it will just stop working. You then have to refresh the browse in order for it to work again. Does anyone know why this is and how to fix it. This would be a big help… Step up all you smart people and help a designer out :)

    cheers

    # April 15, 2010 at 3:35 pm

    instead of this:

    Code:
    $(function(){
    $(“.home”).hover(function(){
    $(“.edge”).stop().fadeIn();
    }, function() {
    $(“.edge”).stop().fadeOut();
    });
    });

    you could try this:

    Code:
    $(function(){
    $(“.home”).hover(function(){
    $(“.edge:not(:animated)”).fadeIn();
    }, function() {
    $(“.edge:not(:animated)”).fadeOut();
    });
    });

    Or, you could try the new(ish) hoverFlow plugin http://www.2meter3.de/code/hoverFlow/

    Hope this helps.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".