3
Back

Gradient #18

glow-asteroid-amber

radial-glow-asteroid-amber

Copy styles

Tailwind
bg-[radial-gradient(46%_62%_at_16%_12%,rgba(251,191,36,0.68)_0%,rgba(251,191,36,0)_100%),radial-gradient(50%_66%_at_84%_16%,rgba(249,115,22,0.6)_0%,rgba(249,115,22,0)_100%),radial-gradient(72%_96%_at_50%_88%,rgba(253,186,116,0.42)_0%,rgba(253,186,116,0)_100%),linear-gradient(148deg,#fffbeb_0%,#fef3c7_52%,#fed7aa_100%)] border border-solid border-[rgba(217,119,6,0.26)] shadow-[0_0_0_1px_rgba(251,191,36,0.14),0_14px_34px_-18px_rgba(180,83,9,0.58),0_0_42px_rgba(251,146,60,0.24)]
CSS3
.radial-glow-asteroid-amber {

  background-image:
    radial-gradient(46% 62% at 16% 12%, rgba(251, 191, 36, 0.68) 0%, rgba(251, 191, 36, 0) 100%),
    radial-gradient(50% 66% at 84% 16%, rgba(249, 115, 22, 0.6) 0%, rgba(249, 115, 22, 0) 100%),
    radial-gradient(72% 96% at 50% 88%, rgba(253, 186, 116, 0.42) 0%, rgba(253, 186, 116, 0) 100%),
    linear-gradient(148deg, #fffbeb 0%, #fef3c7 52%, #fed7aa 100%);
  border: 1px solid rgba(217, 119, 6, 0.26);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.14), 0 14px 34px -18px rgba(180, 83, 9, 0.58), 0 0 42px rgba(251, 146, 60, 0.24);
}