<!-- Original pen: https://codepen.io/akhilarjun/pen/VwaLBEZ -->
<section class="glow-demo">
<div class="glow">
<span>G</span><span>L</span><span>O</span><span>W</span>
</div>
</section>
body{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
min-height: 100vh;
scroll-behavior: smooth;
}
section {
height: 100vh;
font-size: 80px;
font-weight: bold;
transition: all 200ms;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 50%;
display: grid;
place-items: center;
z-index: 1;
cursor: pointer;
position: relative;
padding: 20px;
}
.glow-demo {
background: #111;
}
/*Waves*/
.glow span {
color: #fff;
transition: all 300ms;
}
.glow span:hover {
text-shadow: 0 0 10px #0698a5,
0 0 30px #0698a5,
0 0 80px #0698a5,
0 0 120px #0698a5,
0 0 200px #0698a5;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.