Gradient #53
glow-pastel-limewash
radial-glow-pastel-limewash
Copy styles
Tailwind
bg-[radial-gradient(46%_58%_at_16%_14%,color-mix(in_oklch,oklch(92%_0.11_105)_86%,transparent)_0%,transparent_100%),radial-gradient(52%_64%_at_84%_14%,color-mix(in_oklch,oklch(88%_0.08_165)_70%,transparent)_0%,transparent_100%),radial-gradient(78%_96%_at_50%_88%,color-mix(in_oklch,oklch(83%_0.12_135)_66%,transparent)_0%,transparent_100%),linear-gradient(148deg,oklch(97%_0.016_98)_0%,color-mix(in_oklch,oklch(92%_0.11_110)_56%,white)_36%,color-mix(in_oklch,oklch(88%_0.09_160)_66%,white)_70%,oklch(94%_0.04_200)_100%)] border border-solid border-[color-mix(in_oklch,oklch(75%_0.11_125)_20%,white)] shadow-[0_16px_34px_-22px_color-mix(in_oklch,oklch(77%_0.1_135)_28%,transparent)] CSS3
.radial-glow-pastel-limewash {
background-image:
radial-gradient(46% 58% at 16% 14%, color-mix(in oklch, oklch(92% 0.11 105) 86%, transparent) 0%, transparent 100%),
radial-gradient(52% 64% at 84% 14%, color-mix(in oklch, oklch(88% 0.08 165) 70%, transparent) 0%, transparent 100%),
radial-gradient(78% 96% at 50% 88%, color-mix(in oklch, oklch(83% 0.12 135) 66%, transparent) 0%, transparent 100%),
linear-gradient(148deg,
oklch(97% 0.016 98) 0%,
color-mix(in oklch, oklch(92% 0.11 110) 56%, white) 36%,
color-mix(in oklch, oklch(88% 0.09 160) 66%, white) 70%,
oklch(94% 0.04 200) 100%);
border: 1px solid color-mix(in oklch, oklch(75% 0.11 125) 20%, white);
box-shadow: 0 16px 34px -22px color-mix(in oklch, oklch(77% 0.1 135) 28%, transparent);
}