You can layer CSS gradients as background images, even for text! Check out how I did it for making a marker-like highlight.

Cassidoo's resource offers insights, tutorials, and resources for software developers and technology enthusiasts. Readers can learn about coding best practices, career advice, and personal development. With articles, interviews, and community engagement, Cassidoo provides  guidance and inspiration for navigating the tech industry and advancing in your career.

Cassidy's blog

You can layer CSS gradients on top of each other to create visually interesting effects. This post explores using such gradients for larger backgrounds and text highlights, with a demo showcasing a marker highlight effect.

Layering CSS gradients

<p>I recently discovered that this also applies to box-shadow to give a super nice fade with different colors/opacity.</p>


<p>Simple and nice. I would never have thought of implementing this effect in this way. Thank you.</p>
