Login Form with Input Field Focus Animation

Image: Login Form with Input Field Focus Animation GIF

A simple login form design in Card UI designed by Yugam. The underline on the active input field flows down with an animation when another input field is selected.

If you are having trouble with the pen, try the archived copy on GitHub

Input Field Focus Animation Snippet

See the Pen Input Focus Animation (SVG) by Yugam (@pizza3) on CodePen.0