3
Back

Gradient #268

mesh-nova-solstice-echo

radial-mesh-nova-solstice-echo

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_56%_14%,hsl(345_90%_70%_/_0.52)_0%,hsl(345_90%_70%_/_0)_100%),radial-gradient(54%_72%_at_84%_50%,hsl(35_88%_62%_/_0.48)_0%,hsl(35_88%_62%_/_0)_100%),radial-gradient(72%_94%_at_74%_40%,hsl(103_86%_58%_/_0.58)_0%,hsl(103_86%_58%_/_0)_100%),linear-gradient(66deg,hsl(203_92%_95%)_0%,hsl(35_80%_88%)_52%,hsl(345_84%_82%)_100%)]
CSS3
.radial-mesh-nova-solstice-echo {

  background-image:
    radial-gradient(58% 76% at 56% 14%, hsl(345 90% 70% / 0.52) 0%, hsl(345 90% 70% / 0) 100%),
    radial-gradient(54% 72% at 84% 50%, hsl(35 88% 62% / 0.48) 0%, hsl(35 88% 62% / 0) 100%),
    radial-gradient(72% 94% at 74% 40%, hsl(103 86% 58% / 0.58) 0%, hsl(103 86% 58% / 0) 100%),
    linear-gradient(66deg, hsl(203 92% 95%) 0%, hsl(35 80% 88%) 52%, hsl(345 84% 82%) 100%);
}