How can i create waves effect on hover using Html, Css, and JavaScript?

Question

I want suggestions and code also. I'm not asking for other css frameworks like materialize.

Answer 1

https://codepen.io/snkhrn/pen/EaLgLQ