Web Login Form 3
Run
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> </head> <body> <!-- copy --> <form autocomplete="off" class="form"> <h1 class="h1">Login</h1> <input type="text" placeholder="Name" class="form-input" /> <input type="passowrd" placeholder="Password" class="form-input" /> <input type="button" value="Login" class="form-btn" /> </form> <!-- end --> </body> </html>
CSS
.bodybg{ background: #ffffff; } .h1{ font-family: tahoma; font-style: normal; font-variant: normal; font-weight: lighter; letter-spacing: 4px; text-align: center; text-transform: none; text-decoration: uppercase; text-shadow: 3px 1px 3px #252526; color: #000000; } .form{ width: 240px; height: 250px; border:2px solid #19a9a6; border-radius: 5px; font-size:15px; font-family:tahoma; font-style:normal; font-variant:normal; font-weight:lighter; letter-spacing:4px; text-align:center; text-decoration:uppercase; text-shadow:3px 1px 3px #252526; box-shadow:2px 2px 3px #252526; color:#000000; background:linear-gradient(#ade5e6,#ffffff); } .form-input{ width: 90%; height: 40px; margin-top: 10px; padding-left: 10px; border: 1px solid #19a9a6; color:#000000; background: #ffffff; } .form-btn{ width: 40%; height: 40px; margin-top: 10px; border: none; font-size: 15px; font-family: verdana; color: #ffffff; background: #19a9a6; }
Follow Us