Pieces - Javascript Image Effects



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

    Pieces requires TweenMax and jQuery.