Skip to content
This repository has been archived by the owner on Aug 15, 2019. It is now read-only.

Latest commit

 

History

History
39 lines (28 loc) · 793 Bytes

README.md

File metadata and controls

39 lines (28 loc) · 793 Bytes

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