ripple.js

Ripple.js

Very simple Javascript based android ripple effect for web.

Example

Installation and setup:

Usage:

Adding ripple:

Documentation:

addRipple(element, rippleGrowMax = "100%", rippleOpacity = "0.3")

element: (Requied) parent element for ripple domain

rippleGrowMax: (Optional Default: 100%) Maximum allowed size for ripple effect in % or any other css units

rippleOpacity: (Optional Default: 0.3) Maximum allowed opacity for ripple effect in range of 0 to 1