code-Mad

Pieces – Amazing Image Effects

Pieces allows you to split an image into tiles and animate them with amazing effects. It comes with 300 ready-to-use animations and with a tool that let you create your animation packs. You can use it both with javascript and html markup. With Pieces you can control tiles dimension, speed, stagger, so on. And it’s responsive and SEO friendly. Pieces takes advantage of TweenMax and the flexibility of jQuery.

Features

• 300 ready-to-use animations


• tool for creating animation packs


• responsive


• SEO friendly


• it can be used also without javascript


• full compatibility with all the latest browsers


• fallback for older browsers

300 ready-to-use animations

Pieces comes with 300 ready-to-use animations and with a tool that let you create your animation packs.

Impossible using only css3

It would be virtually impossible to create complex animations only with css transitions. With Pieces you can do it with a few lines of javascript or html tags.

Flexiblility

Pieces lets you control tiles dimension, speed, stagger and so on.

Compatibility

Pieces works in all the latest browsers, and partially in old ones (some features, like 3D transforms in IE9, may be disabled).

Responsive

Pieces can adjust its width and height when the image dimensions change.

Javascript or Html

You can choose to use Pieces both with javascript (with a few lines of code) and html (simply adding special attributes to html tags.

SEO friendly

You don’t have to alter your html structure. Pieces uses a standard img tag.

Dependencies

CoolText takes advantage of the TweenMax and jQuery.