3
Back

Gradient #203

multi-stop-lime-lattice

radial-multi-stop-lime-lattice

Copy styles

Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#fed7aa_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#f97316_40%,transparent)_0%,transparent_62%),linear-gradient(261deg,#fff7ed_0%,#fed7aa_24%,#fb923c_50%,#f97316_74%,#9a3412_100%)] border border-solid border-[color-mix(in_srgb,#9a3412_18%,transparent)]
CSS3
.radial-multi-stop-lime-lattice {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #fed7aa 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #f97316 40%, transparent) 0%, transparent 62%),
    linear-gradient(261deg, #fff7ed 0%, #fed7aa 24%, #fb923c 50%, #f97316 74%, #9a3412 100%);
  border: 1px solid color-mix(in srgb, #9a3412 18%, transparent);
}