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.