Soft Glow
Neon & Glow · Static · pure CSS
A subtle ambient halo from a few low-blur text-shadow layers in a single hue, with no hot white core. Great for a soft, premium glow on headings.
CSS
/* Soft Glow — generated with TEXT-FX
* HTML: just put the class on any element.
* Font: 'Unbounded', sans-serif (load from Google Fonts).
*/
.text-effect {
font-family: 'Unbounded', sans-serif;
font-weight: 900;
letter-spacing: 0px;
text-transform: none;
}
.text-effect {
color: hsl(157 70% 80%);
text-shadow: 0 0 8px hsl(157 100% 62% / 0.89), 0 0 16px hsl(157 100% 58% / 0.58), 0 0 35px hsl(157 100% 58% / 0.58);
}
Pure CSS — just add the .text-effect class to any element.
- Category
- Neon & Glow
- Type
- Static
- Browser support
- All modern browsers
- Capabilities
- pure