CSS Only Transition for Sign In to Register

Here is a simple card UI inspired login form from Sean Mann that has a nice transition between the Sign In & Register UI. When you click on register the form slides away to reveal the Name and Email input field with the sign me up button and similarly when you click on sign in the username, password field and the enter button slides in.

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

Sign In to Register CSS Snippet

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly.
Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.