rainbowVom

Transitional linear gradients

DEMO

Example HTML
<div class="rainbow">Rainbow Vom</div>

Instantiate a new Rainbow Vom object in javascript.
var oRainbowVom = new RainbowVom('.rainbow');

Call the start method to start the linear gradient transitions.
oRainbowVom.start();

Call the stop method to stop the linear gradient transitions.
oRainbowVom.stop();

Call the setDegreeIterationRule method to set the rule for degree iteration.
oRainbowVom.setDegreeIterationRule('static');
Options include:
'random' (Default)
'static'
'clockwise'
'anti-clockwise'

Call the setDegree method to set the linear gradient degree.
oRainbowVom.setDegree('180');

Call the setComplimentaryColorRule method to set the complimentary colour rule.
oRainbowVom.setComplimentaryColorRule('direct');
Options include:
'none' (Default)
'direct'

Call the setNumColors method to set the number of colours in the linear gradient.
oRainbowVom.setNumColors('3');