WEBLEB
Home
AI Editor
Chat
Login
Pro
English
English
Français
Español
Login
17,493
0
Forms
Ortiz
Follow
0
Remix
Open In Editor
Fullscreen
Discuss
Publish Your Code
16
Recommended
20 August 2024
Facebook Login Page
16 July 2025
Glassmorphic login form
24 May 2025
Animated Neomorphism Login Screen
HTML
Copy
Login web
Inicio
Iniciar sesión
¿No tienes cuenta?
Por favor, Registrate
Bienvenid@
CSS
Copy
*{ margin: 0; padding: 0; font-family: arial; color: #fff; } body{ width: 100vw; height: 100vh; background: #081b29; display: grid; justify-content: center; align-content: center; } ::-webkit-input-placeholder{ color: #eee; } .wrapper{ position: relative; width: 800px; height: 65vh; display: grid; grid-template-columns: 1fr 1fr; border: 3px solid #00ffff; box-shadow: 0 0 50px 0 #00a6bc; } .form{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .title{ font-size: 35px; } .inp{ padding-bottom: 10px; border-bottom: 2px solid #eee; } .input{ border: none; outline: none; background: none; width: 260px; margin-top: 40px; padding-right: 10px; font-size: 17px; color: #0ef; } .submit{ border: none; outline: none; width: 288px; margin-top: 25px; padding: 10px 0; font-size: 20px; border-radius: 40px; letter-spacing: 1px; cursor: pointer; background: linear-gradient(45deg, #0ef, #c800ff); } .footer{ margin-top: 30px; letter-spacing: 0.5px; font-size: 14px; } .link{ color: #0ef; text-decoration: none; } .banner{ position: absolute; top: 0; right: 0; width: 450px; height: 390px; background: linear-gradient(to right,#0ef, #c800ff ); clip-path: polygon(0 0,100% 0,100% 100%, 60% 100%); padding-right: 70px; text-align: right; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .wel_text{ font-size: 40px; margin-top: -50px; line-height: 50px; } .para{ margin-top: 10px; font-size: 18px; line-height: 24px; letter-spacing: 1px; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
Comments
0
Log in to join the discussion
…