A jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md Fix example in readme.md Jul 16, 2013
shards.html
shards.jquery.json update of plugin profile Jun 11, 2013
shards.js
shards.min.js minifed by guard Jun 4, 2013

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); ```