jQuery Plugin For Multi-layered Gradient Background with CSS3 - Shards

Shards is a simple plugin for creating a multi-layered gradient background on any element using jQuery and CSS3. It works on all the modern browsers which supports CSS3.

See also:

• Gradient Color Background Plugin For jQuery - Add Shine

How to use it:

1. Include jQuery library and jQuery Shards plugin on your web page

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="shards.min.js"></script>

2. Create a container that you want to apply a gradient background on

<div id="bg"></div>

3. Call the plugin with configurations

<script>
(function($) {
  $('#bg').shards(
    colour_1, 
    colour_2, 
    shade_colour, 
    number_of_shards, 
    complexity, 
    lightness, 
    alpha_constant, 
    fullscreen
  );
})(jQuery);
</script>

---

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