jQuery plugin to create rainbow or gradient text, optionally animated
JavaScript
Latest commit 1be09af May 10, 2012 @benbrown benbrown Add link to jsFiddle

README.md

Rainbow.js

A jQuery plugin for creating rainbow or gradient text

Get it from Github

View Demo

Test it yourself using this jsFiddle Demo

Created by XOXCO

Instructions

$('#foo').rainbow({ 
    colors: [
        '#FF0000',
        '#f26522',
        '#fff200',
        '#00a651',
        '#28abe2',
        '#2e3192',
        '#6868ff'
    ],
    animate: true,
    animateInterval: 100,
    pad: false,
    pauseLength: 100,
});

Options:

  • colors: an array of CSS color values
  • animate: boolean
  • animateInterval: # of ms between frames
  • pad: pad the color array with the last color so the gradient appears only once
  • pauseLength: # of ms to pause between iterations through the colors