A jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!
JavaScript
Latest commit 234a4bb Jul 28, 2013 @vonKristoff Merge pull request #2 from d7p/master
In Jquery 1.9 the $.browser function was removed. This now looks at the ...

README.md

Shards

A jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!

Visit plugin site

Full Modern CSS3 Browser support.

BASIC USAGE:

$('element').shards(
	colour_1, 
	colour_2, 
	shade_colour, 
	number_of_shards, 
	complexity, 
	lightness, 
	alpha_constant, 
	fullscreen
);

config options:

  • colour 1: rgba array-> [255,255,55,.5]
  • colour 2: rgba array-> [255,255,55,.5]
  • shade colour : rgba array-> [255,255,55,.5]
  • number of shards integer-> 12 max:100
  • comlexity : decimal-> .8 max:1
  • lightness integer-> 2 max:3
  • alpha : decimal-> .8 max:1
  • fullscreen : boolean-> true

example

```javascript $('.bg').shards([0,0,0,.5],[255,0,0,.2],[255,255,0,.1],10,2,2,.1,true); ```