Ripple-js Demo

Click anywhere to start a ripple

Hold down to slowly expand the ripple

While pressing, move the pointer out of the container to cancel the ripple

You can change the looks of the ripple

You can even use a picture as background

You can add a shadow to the ripple

You can change the timing of the effect

If clicked, the element fires an 'ripple-button-click' event

Like what you see? See you on Github.

Made by Aaron Längert