Motion

Ripple Effect

A circular wave expands from the click point on a button — the signature Material Design interaction pattern.

Also called: Material ripple, click wave, ink splash

Live demo — click the button

Click anywhere on the button

How it works

On click, create a <span> at cursor position, animate scale and opacity, remove after animation ends.