E

Efe

Full-Stack Developer · Open Source

← Lab

Gradient Mesh

Five layered radial gradients placed at random points build a soft mesh. Regenerate until one clicks, then copy the CSS straight into your project.

background-color: hsl(354 40% 12%);
background-image:
    radial-gradient(at 18% 22%, hsl(354 82% 58%) 0px, transparent 55%),
    radial-gradient(at 82% 30%, hsl(24 85% 60%) 0px, transparent 55%),
    radial-gradient(at 30% 78%, hsl(300 75% 55%) 0px, transparent 55%),
    radial-gradient(at 70% 80%, hsl(210 80% 58%) 0px, transparent 55%),
    radial-gradient(at 50% 50%, hsl(40 78% 62%) 0px, transparent 55%);