View Full Version : Auto fade in/fade out text

06-18-2012, 05:26 PM
Hi, apologies if this is in the wrong section, but I was just wondering how this fade in/fade out effect was achieved, and whether it's complicated or can be done with just a few lines of css?

The part I'm referring to is the the way the various accolades/quotes for the blog change as you watch.


Thanks in advance.

06-18-2012, 07:43 PM
yeah that's a pretty cool thing. Certainly not flash.

When you inspect the element in chrome (or whatever browser) you get:

displaystate: 1,
speed: 'slow',
timeout: 3500,
type: 'sequence',
containerheight: '40px'


So it looks like he/she is using a jQuery plugin called innerfade and then setting a fade animation on the div.

Pretty simple and a real cool effect. Thanks for sharing!


06-18-2012, 08:03 PM
Thanks, Adam, but I was really looking for help on how I could achieve the same effect.