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
4811
webleb
Publica tu código
Recomendado
22 August 2025
Carrusel de tarjetas de león 3D HTML CSS y JavaScript
22 November 2024
Página de inicio - God of War
1 June 2025
Página de inicio Efecto deslizante de imagen Sitio web
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
