Rainbows: JavaScript Text Gradient Engine

Rainbows:

We use some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied.

This works especially well on big sites or dynamic content where it’d be impractical to create images for every instance.

Similar in spirit to what sIFR or Cufón does in that it dynamically replaces text that you might otherwise need to use static images for. Might be a nice stopgap measure before CSS gradients are fully realizable (in a practical sense) across all browsers.



Find This Article Useful?

  • Share/Save This Entry



Related Articles

About this entry

You’re currently reading “Rainbows: JavaScript Text Gradient Engine,” an entry on MirthLab

Published:
Tuesday, January 5th, 2010 at 9:32 pm
Author:
Mark Quezada
Category:
Links, Web Development
Tags:
, , ,