3
Back

Gradient #249

mesh-neo-solarflux

radial-mesh-neo-solarflux

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#fda4af99_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#c4b5fd88_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#e11d4877_0%,#ffffff00_100%),linear-gradient(183deg,#fef2f2_0%,#f5f3ff_52%,#7c3aed_100%)] border border-solid border-[rgba(190,18,60,0.22)]
CSS3
.radial-mesh-neo-solarflux {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #fda4af99 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #c4b5fd88 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #e11d4877 0%, #ffffff00 100%),
    linear-gradient(183deg, #fef2f2 0%, #f5f3ff 52%, #7c3aed 100%);
  border: 1px solid rgba(190, 18, 60, 0.22);
}