DEV Community

Cassidy Williams
Cassidy Williams

Posted on • Originally published at cassidoo.co on

Layering CSS gradients

Did you know that you can layer CSS gradients on top of each other?

I first started playing with the concept when checking out this tool for making mesh gradients.

But, seeing how it worked for larger background images, I decided to try it out as a background for text, and made a demo in an attempt to make it look like a marker highlight effect!

Feel free to copy it for yourself!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more