Grow your CSS skills. Land your dream job.

JS text-menu fade effect

  • GZA
    # March 2, 2009 at 5:29 am

    I am looking for a script which will fade the text to a different color when hovered over.
    I’ve found a few but none of them where how i wanted it to fade, but if i can find an example i’ll post it.

    # March 2, 2009 at 11:18 am

    have you tried using jquery and the animate() method? off the top of my head the jquery would look something like this:

    Code:
    $(‘a.fade’).hover(function(){
    $(this).animate({color: “#COLOR1″}, 500);
    }
    ,function(){
    $(this).animate({color: “#COLOR2″}, 500);
    });

    http://docs.jquery.com/Effects/animate

    # March 2, 2009 at 2:49 pm

    You need jQuery color animation pluginfor this to work.

    Why not try this tutorial http://css-tricks.com/color-fading-menu-with-jquery/

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

You must be logged in to reply to this topic.

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