3
Back

Gradient #133

radial-lagoon-halo

radial-radial-lagoon-halo

Copy styles

Tailwind
bg-[radial-gradient(34%_28%_at_54%_48%,color-mix(in_oklch,oklch(90%_0.12_118)_88%,white)_0%,transparent_100%),radial-gradient(80%_74%_at_68%_58%,color-mix(in_oklch,oklch(78%_0.1_175)_70%,transparent)_0%,transparent_100%),linear-gradient(145deg,oklch(66%_0.13_258)_0%,oklch(76%_0.08_225)_42%,oklch(81%_0.06_190)_72%,oklch(73%_0.09_240)_100%)]
CSS3
.radial-radial-lagoon-halo {

  background-image:
    radial-gradient(34% 28% at 54% 48%, color-mix(in oklch, oklch(90% 0.12 118) 88%, white) 0%, transparent 100%),
    radial-gradient(80% 74% at 68% 58%, color-mix(in oklch, oklch(78% 0.1 175) 70%, transparent) 0%, transparent 100%),
    linear-gradient(145deg, oklch(66% 0.13 258) 0%, oklch(76% 0.08 225) 42%, oklch(81% 0.06 190) 72%, oklch(73% 0.09 240) 100%);
}