Awesome Login Form using HTML & CSS
Hey everyone 😊 If you're looking for an awesome tutorial on how to design a Login Form using HTML & CSS, well, this video is made for you. I've also added animated background and some input effects to this project. Hope you enjoy it and don't forget to hit the subscribe button 😉
📂 Assets
Image: https://app.haikei.app/
Font: https://fonts.google.com/
Icons: https://boxicons.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Awe...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00Login Page Preview
00:46 Login Box Elements
01:07 General Styles
01:24 Special Background Image
02:25 Login Box Styles
03:22 Background Moving Animation
03:49 Adding Login Form
04:42 Login Form Styles
06:56 Adding Input Icons
07:18 Input Icons Styles
08:13 Adding Submit Button
08:42 Submit Button Styles
10:10 Thanks For Watching :)
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • BEAUZ & JVNA - Crazy | Electronic Pop...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Je...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein
#css #css3 #cssanimation #frontend #loading
