Rainbow.js
A jQuery plugin for creating rainbow or gradient text
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