3
Back

Gradient #243

mesh-neo-mintbloom

radial-mesh-neo-mintbloom

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#6ee7b799_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#fcd34d88_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#10b98177_0%,#ffffff00_100%),linear-gradient(141deg,#ecfdf5_0%,#fffbeb_52%,#f59e0b_100%)] border border-solid border-[rgba(5,150,105,0.22)]
CSS3
.radial-mesh-neo-mintbloom {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #6ee7b799 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #fcd34d88 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #10b98177 0%, #ffffff00 100%),
    linear-gradient(141deg, #ecfdf5 0%, #fffbeb 52%, #f59e0b 100%);
  border: 1px solid rgba(5, 150, 105, 0.22);
}