Login simples

1108 styx125

Abrir no Editor Publique Seu Código

Recomendado

14 September 2024

Formulário de Login com Glassmorphism

23 May 2025

Login 3D

23 May 2025

Menu de hambúrguer com login 3D

HTML

CSS

body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: linear-gradient(to top, #2c3e50, #fd746c);
            color: white;
            font-family: Arial, sans-serif;
        }
        .login-container {
            text-align: center;
        }
        .login-box {
            background: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }
        .login-box input[type="text"],
        .login-box input[type="password"] {
            width: 80%;
            padding: 10px;
            margin: 10px 0;
            border: none;
            border-radius: 5px;
        }
        .login-box input[type="submit"] {
            width: 50%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background: #fd746c;
            color: white;
            font-size: 16px;
            cursor: pointer;
        }
        .footer {
            margin-top: 10px;
        }
        .footer a {
            color: white;
            text-decoration: none;
        }

Recomendado

Formulário de Login com Glassmorphism

Login 3D

Menu de hambúrguer com login 3D

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS