Question

I am trying to follow this tutorial because I like the effect so much.

CSS Text Glow on Hover with Transition Effects

But the problem is, I set the background color to white.

<style>
.text-glow-hover-with-delay{
background: #FFFFFF;
color: #fff;
transition: text-shadow 3s;
-moz-transition: text-shadow 3s; /* Firefox 4 */
-webkit-transition: text-shadow 3s; /* Safari and Chrome */
-o-transition: text-shadow 3s; /* Opera */
}

.text-glow-hover-with-delay:hover{
text-shadow: 0 0 10px #fff;
}
</style>

<div class="text-glow-hover-with-delay">
Put your mouse over me and I will glow slowly.
</div>

and now it doesn’t glow anymore. I’m noob on CSS here. 🙁

Answer 1

May be you are not able to see the shadow cause its white.
But, its working fine and smoothly. Just reduce the time, 3 seconds are too much.

Here is the working DEMO

OR, if you just want a white shadow See Here