Skip to content

Instantly share code, notes, and snippets.

@ax-abdullah
ax-abdullah / animated-svg-avatar-v2.markdown
Created October 7, 2022 12:46
Animated SVG Avatar v2

Animated SVG Avatar v2

Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the animating.

Here's what I changed/fixed/added in v2:

-Added "show/hide" password functionality. This is a nice user experience improvement, as a lot of users, especially on mobile, prefer to see their password as they type it due to the rate at which we mistype on our mobile devices. The password is displayed by default on mobile, and hidden by default on desktop.

-Added a random eye blink