Gradient #193
multi-stop-sunrise-layer
radial-multi-stop-sunrise-layer
Copy styles
Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#dcfce7_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#34d399_40%,transparent)_0%,transparent_62%),linear-gradient(151deg,#ecfdf5_0%,#dcfce7_24%,#86efac_50%,#34d399_74%,#065f46_100%)] border border-solid border-[color-mix(in_srgb,#065f46_18%,transparent)] CSS3
.radial-multi-stop-sunrise-layer {
background-image:
radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #dcfce7 56%, transparent) 0%, transparent 58%),
radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #34d399 40%, transparent) 0%, transparent 62%),
linear-gradient(151deg, #ecfdf5 0%, #dcfce7 24%, #86efac 50%, #34d399 74%, #065f46 100%);
border: 1px solid color-mix(in srgb, #065f46 18%, transparent);
}