As JavaScript once replaced Flash as the main medium for running animations on the Web, it is now the time to move on from JavaScript to CSS 3, and bounce.js is the tool to help you do it.
bounce.js is a Web-based GUI that lets developers create animation routines and sequences using a visual interface and a set of built-in methods.
The user can select the type of animations he wants to use, the order in which he wants to apply them and after the animation renders the way he wishes it to play, he can then export the necessary CSS 3 code into his own project.
Developers can also modify various other animation settings like animation easing effects, animation durations, overall stiffness level, axis movements, delay interval, bounces, and so on.
There are also controls to loop created animations, or just play them back in slow motion so you can get an idea of what's happening.
Some ready-made animation sequences are packed in by default, just to help developers easily create their own.
The bounce.js source code is available on GitHub, and you can use it locally, host it online yourself, and even offline.
Download bounce.js from our Scripts section. Check out more bounce.js screenshots.
0 comments:
Post a Comment