WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Efecto de texto neón
4541
webleb
Publica tu código
Recomendado
20 May 2025
Un código de Skyrreum
17 May 2024
Formulario de inicio de sesión y registro animado
15 May 2025
Botones de neón
index.html
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Webleb</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description"> <link href="css/styles.css" rel="stylesheet"> </head> <body> <h1><span>WebLeb</span></h1> </body> </html>
styles.css
Copy
body{ padding: 0; margin: 0; background-color: #000; display: flex; align-items: center; justify-content: center; min-height: 100vh } h1{ color: #484848; font-size: 150px; font-weight: bold; font-family: monospace; letter-spacing: 7px; cursor: pointer } h1 span{ transition: .5s linear } h1:hover span:nth-child(1){ margin-right: 5px } h1:hover span:nth-child(2){ margin-left: 30px } h1:hover span{ color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff; }
main.js
Copy
Nothing to copy
