Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Trucos y efectos de CSS3 - Tutoriales En Linea</title> </head> <body> <style> main { width: 100%; height: 229px; display: flex; justify-content: center; align-items: center; } ::-webkit-input-placeholder { line-height: 1.375em; } input { outline: none; color: #666; font-size: .9em; padding: .5em; border-radius: .2em; border: 1px solid #e3e3e3; -webkit-appearance: none; } input:hover { border: 1px solid #b4a078; } input:focus { border: 1px solid #b4a078; box-shadow: 0 0 0 2px rgba(180, 160, 120, 0.2); } </style> <main class="main"> <input type="text" placeholder="Escriba el número de teléfono o nombre"> </main> </body> </html>