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
1813
codex
Abrir en el editor
Publica tu código
Recomendado
22 May 2025
Deslizadores de tres figuras 3D
13 June 2025
Un código de ashimadison8
12 June 2025
Un código de diomankeita001
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) */