Gradient #264
mesh-nova-opal-glow
radial-mesh-nova-opal-glow
Copy styles
Tailwind
bg-[radial-gradient(58%_76%_at_28%_78%,hsl(270_90%_70%_/_0.52)_0%,hsl(270_90%_70%_/_0)_100%),radial-gradient(54%_72%_at_42%_86%,hsl(324_88%_62%_/_0.48)_0%,hsl(324_88%_62%_/_0)_100%),radial-gradient(72%_94%_at_22%_68%,hsl(32_86%_58%_/_0.58)_0%,hsl(32_86%_58%_/_0)_100%),linear-gradient(358deg,hsl(122_92%_95%)_0%,hsl(324_80%_88%)_52%,hsl(270_84%_82%)_100%)] CSS3
.radial-mesh-nova-opal-glow {
background-image:
radial-gradient(58% 76% at 28% 78%, hsl(270 90% 70% / 0.52) 0%, hsl(270 90% 70% / 0) 100%),
radial-gradient(54% 72% at 42% 86%, hsl(324 88% 62% / 0.48) 0%, hsl(324 88% 62% / 0) 100%),
radial-gradient(72% 94% at 22% 68%, hsl(32 86% 58% / 0.58) 0%, hsl(32 86% 58% / 0) 100%),
linear-gradient(358deg, hsl(122 92% 95%) 0%, hsl(324 80% 88%) 52%, hsl(270 84% 82%) 100%);
}