Rainbow.js is a project of the hackers and designers at XOXCO. Email us to find out how we can help with your project.

Demo

RAINBOW!!!

METALLIC SHINY!!

TEXT!!!!!

Pause Animation

Resume Animation

Rainbow.js

A jQuery plugin for creating rainbow or gradient text

Get it from Github

View 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