Happy Monday! Today we are introducing Bounce.js, an app that lets you create tasty CSS3 powered animations in no time.
CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation’s style, as well as possible intermediate waypoints along the way. [Read more]
Bounce.js, created by Joel Besada, allows you to experiment with 4 main effect (Scale, Translate, Rotate, and Skew), in addition to 4 easing effects (Bounce, Sway, Hard Bounce, and Hard Sway). Also, it is possible to set up speed, delay, number of bounces, etc.
Here are some examples of what you can create with Bounce.js:
Fold & Unfold Effect