15 - Pure Css Liquid Button Animation Effect || Water Wave Button Hover Effect

Описание

Certainly! A water wave button animation can be created using pure CSS animations and transitions. Here's an example of how to create a simple water wave animation.

In this example, we're using the ::before ::after pseudo-element to create a circle that will serve as the water wave animation.

When the button is clicked, the circle's width and height are increased even more. You can adjust the width, height, border-radius, and background-color properties of the circle to customize the water wave animation to your liking.