Sorry, your browser isn't fully supported yet.
Things on this site may not work!

GFX - a 3D CSS3 animation library for jQuery

GFX integrates CSS3 transforms and transitions into jQuery, making it stupidly simple to create sophisticated and gorgeous animations.

$(this).gfx({scale: "1.5"})
       .delay(100)
       .gfx({scale: "1"})
       .gfx({rotate: "180deg"})
       .delay(300)
       .gfx({rotate: "0deg"})
       .gfx({translateX: "100px", opacity: 0.2})
       .gfx({translateX: 0, opacity: 1})
       .gfxExplodeOut().delay(100).gfxExplodeIn()
       .gfxShake();

Download GFX

Download the latest version (0.0.1), or checkout the source.

Documentation

You can find the libraries documentation in the README

Flip

Flipped!

Explode

Shake

Crazy