WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Entrada CSS animada
3751
DeveloperUI
Abrir en el editor
Publica tu código
Recomendado
23 August 2025
Ejemplo de animación de cuadrícula CSS
7 May 2024
Plantilla de sitio web de presentaciones HTML y CSS
23 August 2025
Página de inicio de sesión HTML CSS con diseño de huella digital
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/css/styles.css"> </head> <body> <input type="text" class="input" placeholder="Type something here..." autocomplete="off"> </body> </html>
CSS
Copy
body{ display: flex; align-items: center; justify-content: center; height: 100vh; background-color: #212121; overflow: hidden; } .input{ color:#8707ff; border:2px solid #8707ff; padding: 10px 25px; background-color: transparent; border-radius: 15px; max-width: 190px; } .input:active{ box-shadow:2px 2px 15px #8707ff inset; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
