UI buttons) when clicked or touched. The effect resizes automatically when the width or height of the window changes. Click here for a demo and to see how to use it. When the user clicks on one of the blocks, an SVG circle expands from the point of the user's click to fill most of the box. Add the CSS class waves-effect or data-waves attribute to the element where you want to enable the ripple effect. For tutorial, I’m going to use Photoshop. Customize the duration of the animation in milliseconds.
