Stylish Login Form with Glassmorphism and Blur Effect (HTML & CSS)

Stylish Login Form with Glassmorphism and Blur Effect (HTML & CSS) Project by SudhuCodes Made with HTML & CSS Language

@SudhuCodes

Category - HTML & CSS

Uploaded At - 6/2/2025

1<!DOCTYPE html>
2<!-- Coding By SudhuCodes - www.sudhucodes.com -->
3<html>
4
5<head>
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Glassmorphism Login Form - SudhuCodes</title>
9    <link rel="stylesheet" href="style.css">
10</head>
11
12<body>
13    <div class="wrapper">
14        <form action="#">
15            <h2>Login</h2>
16            <div class="input-field">
17                <input type="text" required>
18                <label>Enter your email</label>
19            </div>
20            <div class="input-field">
21                <input type="password" required>
22                <label>Enter your password</label>
23            </div>
24            <div class="forget">
25                <label for="remember">
26                    <input type="checkbox" id="remember">
27                    <p>Remember me</p>
28                </label>
29                <a href="#">Forgot password?</a>
30            </div>
31            <button type="submit">Log In</button>
32            <div class="register">
33                <p>Don't have an account? <a href="#">Register</a></p>
34            </div>
35        </form>
36    </div>
37</body>
38
39</html>