Animated login form avatar

  • Save
Yeti

Made an animated SVG login avatar. I've seen a couple of these recently, but both were pre-illustrated and rendered frame-by-frame animations synced to the email input. I wanted to make one with live animations since it's a challenge to simulate the perspective and angles in real-time. Took a little brushing up on my trigonometry, but came up with a pretty believable solution.

Play with it yourself on CodePen:
https://codepen.io/dsenneff/pen/QajVxO?editors=1010

keyboard shortcuts: L or F like