Animated login form using HTML CSS and JavaScript. Responsive login form. It contains an elegant and beautiful background, with floating labels and a button to show hide the password.
⏱ Timestamps
0:00 Intro Animated Login Form
1:36 Project Setup
2:43 Variables & Reset CSS
4:00 Login Image HTML
4:25 Login Image CSS
5:25 Login HTML
10:36 Login CSS
20:50 Floating & Adhesive Labels
23:12 Show & Hide Password
27:40 Breakpoints
29:10 Final Project
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔗 Source code
https://github.com/bedimcode/animated-login-form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨💻 Build the project from scratch
https://github.com/bedimcode/animated-login-form/tree/start-project
👆 Download (empty files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
📂 Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
🔔 Subscribe for more!
https://www.youtube.com/@Bedimcode
