Ripple Button v3

Top Ripple

Bottom Ripple

How it works

Ripple Button v3 has 2 available types: top or bottom. Both of them are showcased at the demos.
The button admits different titles at top and bottom states. The longest title will determine button dimensions.

Translate Animation controls

Duration
Delay
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Border Animation controls

Duration
Delay
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

– Tamu