3
Back

Gradient #57

glow-mango-soda

radial-glow-mango-soda

Copy styles

Tailwind
bg-[radial-gradient(46%_62%_at_14%_14%,color-mix(in_oklch,oklch(88%_0.14_55)_78%,transparent)_0%,transparent_100%),radial-gradient(52%_66%_at_84%_14%,color-mix(in_oklch,oklch(80%_0.15_20)_72%,transparent)_0%,transparent_100%),radial-gradient(74%_96%_at_50%_88%,color-mix(in_oklch,oklch(90%_0.09_95)_66%,transparent)_0%,transparent_100%),linear-gradient(148deg,oklch(98%_0.012_60)_0%,oklch(92%_0.08_55)_46%,oklch(88%_0.11_30)_78%,oklch(94%_0.04_95)_100%)] border border-solid border-[color-mix(in_oklch,oklch(72%_0.13_38)_22%,white)] shadow-[0_18px_38px_-24px_color-mix(in_oklch,oklch(68%_0.14_35)_40%,transparent)]
CSS3
.radial-glow-mango-soda {

  background-image:
    radial-gradient(46% 62% at 14% 14%, color-mix(in oklch, oklch(88% 0.14 55) 78%, transparent) 0%, transparent 100%),
    radial-gradient(52% 66% at 84% 14%, color-mix(in oklch, oklch(80% 0.15 20) 72%, transparent) 0%, transparent 100%),
    radial-gradient(74% 96% at 50% 88%, color-mix(in oklch, oklch(90% 0.09 95) 66%, transparent) 0%, transparent 100%),
    linear-gradient(148deg, oklch(98% 0.012 60) 0%, oklch(92% 0.08 55) 46%, oklch(88% 0.11 30) 78%, oklch(94% 0.04 95) 100%);
  border: 1px solid color-mix(in oklch, oklch(72% 0.13 38) 22%, white);
  box-shadow: 0 18px 38px -24px color-mix(in oklch, oklch(68% 0.14 35) 40%, transparent);
}