water-drop-navbar

This is a water drop animated navbar. Every time you click on the lower buttons use a water drop animation and every time click on the topper buttons you will see the steam animation. It’s very basic at the same time a little bit complex especially because of the keyframes.

Links for the react versions are:

Replit

CodeSandBox

Stackblitz

Link for the HTML, CSS, and JS is :

Codepen

Replit

CodeSandBox

Stackblitz