How to achieve this glow in CSS?
I noticed this cool active effect in a game. probably works on website? How do I get a glowy thing behind text like that?
3 Replies
could be a gradient as the background, since it's kind of circlular. A
radial-gradient()
would work I think, going to transparent. You'd have to much around with the padding on the text, and since the gradient is sort of running into the text on the sides, maybe it wouldn't work...
Another choice would be a pseudo-element with a solid background color and a filter: blur()
...
You'd need an overflow-hidden on the top of the parent element in that case so it doesn't bleed out the top.following on from @Kevin s reply, you could use radial-gradient with
ellipse at top
https://codepen.io/cbolson/pen/dyQGMLmthank you for the codepen
š