This effect is entirely achievable with CSS,
making it lightweight and easy to implement on your website. You can customize the text color, shadow colors, and intensity to match your design preferences
HTML Code
<h2 class="text-glow">wavypoint.com</h2>
CSS Code
body {
background-color: black;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.text-glow {
color: #222;
font-weight: bold;
font-size: 4vw;
letter-spacing: 5px;
cursor: pointer;
text-transform: uppercase;
transition: 0.5s;
}
.text-glow:hover {
color: #fff;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff;
letter-spacing: 10px;
}
