Grow your CSS skills. Land your dream job.

help with background overlay

  • # February 22, 2013 at 2:47 pm

    Im Working on this Page: [http://gpt.hernan.org/gpnew/v1%20(Referrals%20hover).html](http://gpt.hernan.org/gpnew/v1%20(Referrals%20hover).html “”) When hovering on Referrals Button, a Background Overlay appears, I need it to gradually appear.

    Maybe some Fade in or out animation.

    I’m using this script to make the Overlay run.


    (function(){
    $('#coins').on('mouseenter', function(){
    var w = $(window).width();
    var h = $(window).height();
    $('').appendTo('body').addClass('overlay').css({ 'width': w, 'height': h });
    }).on('mouseleave', function(){
    $('.overlay').remove();
    })
    })();
    # February 22, 2013 at 4:46 pm

    Link is dead (it worked earlier though), anyway you can use jQuery’s fadeIn and fadeOut functions, you can probably add them somewhere in your chain of functions.

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".