Bounce.js – CSS3 Powered Animations In No Time

Bounce.js – CSS3 Powered Animations In No Time


SHARE & COMMENT

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:

 

 Jelly Effect

MondayJS-icon

 

Slinky Effect

MondayJS-icon

 

Swoosh Effect

MondayJS-icon

 

 

Fold & Unfold Effect

MondayJS-icon

 

 

View on GitHub

 

[php snippet=2]
SHARE & COMMENT