Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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

About

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

Resources

Packages

No packages published
You can’t perform that action at this time.