WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Neon Text Effect
4537
webleb
Publish Your Code
Recommended
30 March 2025
GSAP JS multiple text-shadow hover
14 June 2024
3D Flips Card Effect
6 November 2024
3D Text Effect
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
