Backgroundmeshgradient

Mesh Gradient

Multi-point gradient creating an organic mesh.

.mesh-bg { background: #0a0a0b; position:relative; overflow:hidden; }
.mesh-bg::before { content:""; position:absolute; width:400px; height:400px; background:radial-gradient(circle,#8b5cf640,transparent 70%); top:-100px; left:-100px; }
.mesh-bg::after { content:""; position:absolute; width:400px; height:400px; background:radial-gradient(circle,#ec489940,transparent 70%); bottom:-100px; right:-100px; }

More Background effects