Inicio de sesión simple

2,382 styx125

Abrir en el editor Publica tu código

Recomendado

28 March 2025

Un código de mcdonge13

17 April 2025

Un código de Mete Han

11 August 2025

Animación CSS: Carga de blob con pulso

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;
        }