https://github.com/vonKristoff/Shards

A jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!
https://github.com/vonKristoff/Shards

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/vonKristoff/Shards
• Owner: vonKristoff
• Created: 2013-05-11T22:38:46.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2013-07-28T17:15:27.000Z (over 11 years ago)
• Last Synced: 2024-08-02T05:10:39.254Z (3 months ago)
• Language: JavaScript
• Size: 195 KB
• Stars: 108
• Watchers: 11
• Forks: 20
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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:

```javascript

$('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);

```