Forums

elneco

Dear Forums,

I found this cool txt fade/ color fade thing on a site and i am very interested in learning to recreate.
the site is:

http://knauth.cc/

(txt fade in footer at the bottom)

i tried checking the code out but couldn't find what i needed. Maybe someone here knows how this effect works?

Thanks all who look into this.
-jaime

jamy_za

You could do it like this:

$(\"ul\").css(\"opacity\", \"0.1\").hover(function(){
	$(this).fadeTo(400, 1);
}, function(){
	$(this).fadeTo(400, 0.1);
});

digganet

Hi elneco,

I'm very pleased that you like my site! ;)

I use jQuery:


$('.footer_infoData')
.mouseenter(function() { $(this).find('li, li a').stop().animate({ color: '#9DC153' }, 500); })
.mouseleave(function() { $(this).find('li, li a').stop().animate({ color: '#071F09' }, 500); });

Works with all major Browsers.

jamy_za

I use jQuery:

    $('.footer_infoData')
    .mouseenter(function() { $(this).find('li, li a').stop().animate({ color: '#9DC153' }, 500); })
    .mouseleave(function() { $(this).find('li, li a').stop().animate({ color: '#071F09' }, 500); });

Works with all major Browsers.

You will have to include some kind of jQuery color transition plugin, because stand alone jQuery can't animate one colour to another by itself.

arjunvasudeva

For animating color you could use the jQuery UI or this jquery plugin http://plugins.jquery.com/project/color

treehouse : what would you like to learn today?

Forums

Nice Txt Fade that i'm interested in