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.

What is Bounce.js?

Bounce.js is a useful website where you can easily create CSS code of animations by setting the components.

How 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.