Hey Friends today we will learn How to create a Frosted Glass effect login form in HTML And CSS. If you find this tutorial useful give it a like and Subscribe for more awesome web development content. Fell free to ask any question in comments.

• 0:00 Intro
• 0:08 Project Showcase
• 0:42 Files
• 1:00 Html Code Starts
• 1:20 image Html Code
• 1:28 Username Html Code
• 1:38 Password Html Code
• 1:48 Submit Button Html Code
• 2:08 Forgot Password Html Code
• 2:30 Css Code Starts
• 2:34 Universal Css Styling
• 2:42 Main class styling
• 3:19 Wrapper class styling
• 3:57 Create before pseudo-element for Wrapper class
• 4:52 Profile image styling for form
• 5:06 Form styling
• 5:30 All 3 inputs styling
• 6:22 Input type submit(button) styling
• 7:05 Hover effect for Input type submit(button)
• 7:19 Forgot password styling
• 7:28 Final Result

#html #css