# Animated login and signup forms

DevFeed: [Animated login and signup forms](<https://devfeed.tech/articles/animated-login-and-signup-forms-37238.md>)

Original publisher: [Read original article](<https://muffinman.io/blog/animated-login-signup-forms/>)

Author: Stanko

Published: 2016-02-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [Stanko Tadić](<https://devfeed.tech/sources/stanko-tadic.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Forms](<https://devfeed.tech/topics/forms.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [css](<https://devfeed.tech/tags/css.md>), [forms](<https://devfeed.tech/tags/forms.md>), [github](<https://devfeed.tech/tags/github.md>), [login](<https://devfeed.tech/tags/login.md>), [responsive](<https://devfeed.tech/tags/responsive.md>)

## AI overview

A pure CSS implementation of animated login and signup forms uses the :target selector to switch between states. The article also describes a responsive solution and notes that both states can be bookmarked and controlled with browser navigation buttons.

## Source excerpt

Well I saw a pretty nice mockup on Dribbble and decided to make it for fun. It didn't include a mobile/responsive solution, so I came up with my own. Check the demo. This is a pure CSS solution - it uses the :target selector for changing states. Find more about :target on MDN. This is neat, as it also can be bookmarked in both states, and browser buttons work too. Grab the code on GitHub.