WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Formulario de inicio de sesión
6000
codex
Abrir en el editor
Publica tu código
Recomendado
6 March 2025
Un código de omer
28 August 2024
Forma de idea
26 December 2024
Un código de efficientcloud646
HTML
Copy
Login Here!
Login
CSS
Copy
body{ margin: 0; padding: 0; font-family: sans-serif; background: #34495e; } .box{ width: 300px; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #191919; text-align: center; } .box h1{ color: white; text-transform: uppercase; font-weight: 500; } .box input[type = "text"],.box input[type = "password"]{ border:0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #3498db; padding: 14px 10px; width: 200px; outline: none; color: white; border-radius: 24px; transition: 0.25s; } .box input[type = "text"]:focus,.box input[type = "password"]:focus{ width: 280px; border-color: #2ecc71; } .box input[type = "submit"]{ border:0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #2ecc71; padding: 14px 40px; outline: none; color: white; border-radius: 24px; transition: 0.25s; cursor: pointer; } .box input[type = "submit"]:hover{ background: #2ecc71; }
JS
Copy