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