WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Glowing hover text
3628
kreistia
Open In Editor
Publish Your Code
Recommended
4 July 2025
hover memory
25 August 2024
GSAP hover effect
26 June 2024
Menu hover glow
HTML
Copy
<body> <b> <span>S</span> <span>U</span> <span>P</span> <span>P</span> <span>-</span> <span>D</span> <span>I</span> <span>F</span> <span>F</span> </b> </body>
CSS
Copy
body{ display: flex; justify-content: center; align-items: center; background-color: #353535; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; user-select: none; } span{ font-size: 50px; letter-spacing: 7px; text-shadow: 0 0 10px #3C6E71; transition: 5s ; cursor: pointer; } span:hover{ transition: 0.2s ease; color: #8aeff8; text-shadow: 0 0 20px #8aeff8; }
JS
Copy
