WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Entrada de búsqueda
2019
codex
Abrir en el editor
Publica tu código
Recomendado
18 December 2025
Cargador HTML5 y configuración de Firebase para el juego Escape Road
13 December 2025
Plantilla HTML para sitio web de portafolio holográfico
16 May 2025
Un código de Maxi-Digital
HTML
Copy
CSS
Copy
.group { display: flex; line-height: 28px; align-items: center; position: relative; max-width: 190px; } .input { font-family: "Montserrat", sans-serif; width: 100%; height: 45px; padding-left: 2.5rem; box-shadow: 0 0 0 1.5px #2b2c37, 0 0 25px -17px #000; border: 0; border-radius: 12px; background-color: #16171d; outline: none; color: #bdbecb; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); cursor: text; z-index: 0; } body{ display:flex; justify-content:center; align-items:center; height:100vh; } .input::placeholder { color: #bdbecb; } .input:hover { box-shadow: 0 0 0 2.5px #2f303d, 0px 0px 25px -15px #000; } .input:active { transform: scale(0.95); } .input:focus { box-shadow: 0 0 0 2.5px #2f303d; } .search-icon { position: absolute; left: 1rem; fill: #bdbecb; width: 1rem; height: 1rem; pointer-events: none; z-index: 1; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */