Add Gradient To Any Elements Using jQuery - Shadeout
File Size: | 3.61 KB |
---|---|
Views Total: | 572 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Shadeout is a tiny fancy jQuery plugin that has the ability to dynamically colorize selected elements in a gradient sequence.
See also:
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.