Add Gradient To Any Elements Using jQuery - Shadeout

Shadeout is a tiny fancy jQuery plugin that has the ability to dynamically colorize selected elements in a gradient sequence.

See also:

• jQuery Plugin To Generate Gradient Elements - Gradienter

How to use it:

1. Add both jQuery library and the jQuery Shadeout plugin's script to the html page.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src='shadeout.js'></script>

2. Attach the plugin to the element and specify the first and last color in gradient.

$('div').shadeout({
  color: '#33cc33',
  color2: '#ff00ff'
});

3. You can also set the increment parameter in the JavaScript as this:

$('div').shadeout({
  color: '#33cc33',
  color2: '#ff00ff',
  increment: 25
});

---

This awesome jQuery plugin is developed by allknowingfrog. For more Advanced Usages, please check the demo page or visit the official website.