New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
IE5+

Rainbow Text

Author: Chris Rickard

Description: Utlizing IE 5's proprietary behavior functionality, Chris' script allows you to apply a live rainbow effect to any block of text (multiple text/page supported)! Extremely easy to set up, and degrades well with all browsers.

Demo:

Merry Christmas, and a Happy New Year!

Directions Developer's View

Step 1: Download the following .htc file, and upload to your webpage directory (by clicking it, or clicking it with Shift key depressed in NS):

rainbow.htc

Step 2: Insert this style sheet into the <HEAD> section of your page:

Select All

Now, to apply the rainbow to a block of text, simply wrap that text in a <SPAN class="rainbow"></SPAN> tag. Example:

<SPAN class="rainbow">Rainbow text</SPAN>

or,

<big><b><SPAN class="rainbow">Merry Christmas</SPAN></b>, and a <b><SPAN class="rainbow">Happy New Year</SPAN></b>!</big>

Pretty nifty hay?