The Fade Anything Technique

Demonstration

The Fade Anything Technique (FAT) is inspired by 37signals Yellow Fade Technique. FAT builds upon the YFT by allowing you to fade any element from any color back to its native background-color without the use of inline JavaScript. To activate FAT on an element you simply give it the class of “fade”. [See the code]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla purus. Cras nec ante id odio facilisis sollicitudin. Aenean sit amet massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec consectetuer dolor id augue.

In dolor augue, tristique sed, consectetuer quis, sollicitudin eu, purus. Sed vulputate enim in magna. Phasellus tristique volutpat neque. Donec malesuada velit eu nunc. Donec felis ligula, sollicitudin eget, scelerisque vitae, interdum quis, erat. Donec dolor sapien, lobortis vel, suscipit nec, fermentum euismod, sapien.

Nam neque. Fusce sed dolor ut leo ullamcorper faucibus. Aliquam eu tellus vel augue ultricies eleifend. Curabitur posuere pede et leo. Fusce a odio. Nullam neque. Fusce pulvinar. Mauris mauris tellus, suscipit sed, volutpat nec, sagittis at, purus. Nullam porta consequat odio.

Ut posuere. Suspendisse dignissim consectetuer eros. Etiam sed mi. Nullam ultricies aliquam nisl. Cras nec pede. Vivamus at enim. Nulla lorem justo, tempus in, vestibulum sit amet, pulvinar nec, velit. Mauris lectus elit, fermentum et, mollis in, nonummy quis, mi. In eget quam.

Cras rutrum viverra nunc. Praesent auctor risus sed ante. Cras in neque ut ipsum porta malesuada. Nam commodo vehicula diam. Quisque sit amet diam ut metus ornare aliquam. Duis varius, turpis eget fermentum faucibus, massa nisl ultrices justo, ut gravida risus turpis nec lectus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla purus. Cras nec ante id odio facilisis sollicitudin. Aenean sit amet massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec consectetuer dolor id augue.

In dolor augue, tristique sed, consectetuer quis, sollicitudin eu, purus. Sed vulputate enim in magna. Phasellus tristique volutpat neque. Donec malesuada velit eu nunc. Donec felis ligula, sollicitudin eget, scelerisque vitae, interdum quis, erat. Donec dolor sapien, lobortis vel, suscipit nec, fermentum euismod, sapien.

Nam neque. Fusce sed dolor ut leo ullamcorper faucibus. Aliquam eu tellus vel augue ultricies eleifend. Curabitur posuere pede et leo. Fusce a odio. Nullam neque. Fusce pulvinar. Mauris mauris tellus, suscipit sed, volutpat nec, sagittis at, purus. Nullam porta consequat odio.

Ut posuere. Suspendisse dignissim consectetuer eros. Etiam sed mi. Nullam ultricies aliquam nisl. Cras nec pede. Vivamus at enim. Nulla lorem justo, tempus in, vestibulum sit amet, pulvinar nec, velit. Mauris lectus elit, fermentum et, mollis in, nonummy quis, mi. In eget quam.