Sliding Sign In/Sign Up Form using HTML, CSS, and JavaScript
In this project, we will create a sliding sign in/sign up form using HTML, CSS, and JavaScript. The form will have two panels, one for sign in and one for sign up, which will slide back and forth when the user clicks on the corresponding button.
We will use HTML to create the structure of the form, CSS to style it and make it look visually appealing, and JavaScript to add the sliding animation and handle form submission.
The form will consist of two input fields for email and password for sign in, along with a "Forgot password?" link. For sign up, the form will have three input fields for name, email, and password, along with a "Sign up" button.
When the user clicks on the "Sign up" button, the form will slide to the sign in panel and display a success message. Similarly, when the user clicks on the "Sign in" button, the form will slide back to the sign up panel.
github : bytemindyt/signin-signup
00:00 HTML
04:15 CSS
10:09 JS
10:57 Preview