Add Material Design-style feedback ripples to your existing elements.
Ripple effect can simply be applied to any element by appending
rpl class within a parent element.
Above code will be rendered as:
By adding the fill class to a rippleJS element, the ripple will fill to rounded corners, good for form elements with fixed size. For example:
The default color is a transparent version of the current color (aka, the currentColor keyword). To change this default, add the following style rule:
You could also change it just for some elements:
Or change the level of opacity:
By default, rippleJS is already applied to the following classes: