Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
CSS Shaders through WebGL
branch: gh-pages

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
samples firefox gradient/transition-function fix
src
.gitignore
readme.md

readme.md

CSS Shaders through WebGL

For more information and demos, please read the introduction here.

Usage

To have the script parse all the CSS automatically (very experimental), just call:

CSSshaders.init();

To manually add a shader:

CSSshaders.add( element, shaderParameters ); - returns shader element

Example:

CSSshaders.add( "#content","url(shaders/flag.vs) url(shaders/grayscale.fs), 20 20, phase 50.0, amplitude 100.0, txf rotateX(45deg), amount 1")

Shader element methods:

  • transition( duration, function); - adds transition with specified duration and function, returns Shader element
  • state( shaderParameters ); - creates CSS state with specified parameters, returns Shader state

Shader state methods:

  • enable() - enable state
  • disable() - disable state
  • toggle() - toggle state
Something went wrong with that request. Please try again.