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