Skip to content

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

Notifications You must be signed in to change notification settings

vonKristoff/Shards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Stars

Watchers

Forks

Packages