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
Kevin Powell
Kevin Powellā€¢2y ago
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.
Chris Bolson
Chris Bolsonā€¢2y ago
following on from @Kevin s reply, you could use radial-gradient with ellipse at top https://codepen.io/cbolson/pen/dyQGMLm
Khoa
Khoaā€¢2y ago
thank you for the codepen šŸ‘
Want results from more Discord servers?
Add your server