Gradient #196
multi-stop-candy-cloud
radial-multi-stop-candy-cloud
Copy styles
Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#fef3c7_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#f59e0b_40%,transparent)_0%,transparent_62%),linear-gradient(184deg,#fffbeb_0%,#fef3c7_24%,#fde68a_50%,#f59e0b_74%,#78350f_100%)] border border-solid border-[color-mix(in_srgb,#78350f_18%,transparent)] CSS3
.radial-multi-stop-candy-cloud {
background-image:
radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #fef3c7 56%, transparent) 0%, transparent 58%),
radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #f59e0b 40%, transparent) 0%, transparent 62%),
linear-gradient(184deg, #fffbeb 0%, #fef3c7 24%, #fde68a 50%, #f59e0b 74%, #78350f 100%);
border: 1px solid color-mix(in srgb, #78350f 18%, transparent);
}