Create CSS Animations Easily with Bounce.js
In this post, I will introduce how to use Bounce.js and some animations and their codes created with Bounce.js.
Table of Contents
What is Bounce.js?
Bounce.js is a useful website where you can easily create CSS code of animations by setting the components.
http://bouncejs.comHow to Use Bounce.js
Animation Preview
An animation preview appears in the center of the site.
Play, Loop, Slow
Below the animation preview, there are play, loop, and slow buttons.
Add Movement
You can add animation movements from the "ADD COMPONENT" button on the left.
Preset Movement
Bounce.js has 10 useful preset animations, you can edit and add more animation movements to the presets.
Movement Settings
After adding the component, the setting items are displayed on the left.