3
Back

Gradient #245

mesh-neo-amberwave

radial-mesh-neo-amberwave

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#f9a8d499_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#818cf888_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#db277777_0%,#ffffff00_100%),linear-gradient(155deg,#fdf2f8_0%,#eef2ff_52%,#4f46e5_100%)] border border-solid border-[rgba(190,24,93,0.22)]
CSS3
.radial-mesh-neo-amberwave {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #f9a8d499 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #818cf888 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #db277777 0%, #ffffff00 100%),
    linear-gradient(155deg, #fdf2f8 0%, #eef2ff 52%, #4f46e5 100%);
  border: 1px solid rgba(190, 24, 93, 0.22);
}