3
Back

Gradient #256

mesh-nova-gilded-veil

radial-mesh-nova-gilded-veil

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_52%_38%,hsl(129_90%_70%_/_0.52)_0%,hsl(129_90%_70%_/_0)_100%),radial-gradient(54%_72%_at_36%_78%,hsl(187_88%_62%_/_0.48)_0%,hsl(187_88%_62%_/_0)_100%),radial-gradient(72%_94%_at_38%_50%,hsl(259_86%_58%_/_0.58)_0%,hsl(259_86%_58%_/_0)_100%),linear-gradient(222deg,hsl(349_92%_95%)_0%,hsl(187_80%_88%)_52%,hsl(129_84%_82%)_100%)]
CSS3
.radial-mesh-nova-gilded-veil {

  background-image:
    radial-gradient(58% 76% at 52% 38%, hsl(129 90% 70% / 0.52) 0%, hsl(129 90% 70% / 0) 100%),
    radial-gradient(54% 72% at 36% 78%, hsl(187 88% 62% / 0.48) 0%, hsl(187 88% 62% / 0) 100%),
    radial-gradient(72% 94% at 38% 50%, hsl(259 86% 58% / 0.58) 0%, hsl(259 86% 58% / 0) 100%),
    linear-gradient(222deg, hsl(349 92% 95%) 0%, hsl(187 80% 88%) 52%, hsl(129 84% 82%) 100%);
}