Simple Log in

Open In Editor Publish Your Code

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

Simple Log in

Recommended

Mete'nin bir kodu

CSS Dopamine Drip Animation Code Snippet

Animated Continuous Sections with GSAP Observer

HTML

CSS

JS

Recommended

Mete'nin bir kodu

CSS Dopamine Drip Animation Code Snippet

Animated Continuous Sections with GSAP Observer

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS