WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un código de nehapanchal8087
1161
nehapanchal8087
Abrir en el editor
Video
Publica tu código
0
Recomendado
14 December 2024
Un código de creativefunction509
16 March 2024
Código de menú lateral HTML
21 August 2024
Plantilla de portafolio HTML creativo
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) */