jQuery Plugin To Generate Gradient Elements - Gradienter

Gradienter is a small jQuery plugin that generates gradients from a range of user selected colors and then apply them on CSS properties of any DOM elements. Perfect to use for gradient background, gradient text, etc.

See also:

• jQuery Plugin To Create Gradient Html Elements - rainbow.js
• Simple jQuery Plugin For Text Gradient Effect - pxgradient
• Gradient Color Background Plugin For jQuery - Add Shine
• jQuery Plugin For Multi-layered Gradient Background with CSS3 - Shards

How to use it:

1. Load jQuery library and the jQuery Gradienter plugin in the document.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="gradienter.js"></script>

2. Create a set of elements on where you wish to apply the gradients.

<div class="gradient">
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
  <div class="demo"></div>
</div>

3. Call the plugin on the target elements, setup the start/end colors and the desired CSS property.

$('.demo').gradienter({

// first color in gradient
color_start: 'ffffff',

// last color in gradient
color_end: '000000',

// on which CSS property should apply gradient
prop: 'background-color'

});

---

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