WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Neon Text Effect
4632
webleb
Publish Your Code
Need a Website?
Recommended
18 August 2024
Gallery of sites with hover and blur effect
7 November 2024
Text Hover Animation Effect
14 March 2025
Faux-3D CSS Sphere /w Texture
index.html
Copy
Webleb
WebLeb
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