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 cómico
3524
Andev.web
Abrir en el editor
Publica tu código
Recomendado
3 February 2025
Un código de zegarekdawida
31 May 2025
Un código de Mete
5 July 2025
Ejemplo de selector de fecha HTML
HTML
Copy
SIGN UP
Name
Email
Password
SIGN UP
Have an Account?
Login Here!
CSS
Copy
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); * { font-family: 'Poppins', sans-serif; /* Aplica Poppins a todos los elementos */ } .container { margin-top: 3%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .form_area { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #EDDCD9; height: auto; width: auto; border: 2px solid #264143; border-radius: 20px; box-shadow: 3px 4px 0px 1px #E99F4C; } .title { color: #264143; font-weight: 900; font-size: 1.5em; margin-top: 20px; } .sub_title { font-weight: 600; margin: 5px 0; } .form_group { display: flex; flex-direction: column; align-items: baseline; margin: 10px; } .form_style { outline: none; border: 2px solid #264143; box-shadow: 3px 4px 0px 1px #E99F4C; width: 290px; padding: 12px 10px; border-radius: 4px; font-size: 15px; } .form_style:focus, .btn:focus { transform: translateY(4px); box-shadow: 1px 2px 0px 0px #E99F4C; } .btn { padding: 15px; margin: 25px 0px; width: 290px; font-size: 15px; background: #DE5499; border-radius: 10px; font-weight: 800; box-shadow: 3px 3px 0px 0px #E99F4C; } .btn:hover { opacity: .9; } .link { font-weight: 800; color: #264143; padding: 5px; }
JS
Copy