3
Back

Gradient #6

glow-sunset-lava

radial-glow-sunset-lava

Copy styles

Tailwind
bg-[radial-gradient(46%_64%_at_14%_14%,rgba(251,191,36,0.66)_0%,rgba(251,191,36,0)_100%),radial-gradient(52%_66%_at_84%_16%,rgba(249,115,22,0.58)_0%,rgba(249,115,22,0)_100%),radial-gradient(74%_96%_at_50%_86%,rgba(253,186,116,0.44)_0%,rgba(253,186,116,0)_100%),linear-gradient(150deg,#fffbeb_0%,#fef3c7_50%,#ffedd5_100%)] border border-solid border-[rgba(245,158,11,0.26)] shadow-[0_0_0_1px_rgba(251,191,36,0.15),0_14px_34px_-18px_rgba(217,119,6,0.58),0_0_42px_rgba(249,115,22,0.24)]
CSS3
.radial-glow-sunset-lava {

  background-image:
    radial-gradient(46% 64% at 14% 14%, rgba(251, 191, 36, 0.66) 0%, rgba(251, 191, 36, 0) 100%),
    radial-gradient(52% 66% at 84% 16%, rgba(249, 115, 22, 0.58) 0%, rgba(249, 115, 22, 0) 100%),
    radial-gradient(74% 96% at 50% 86%, rgba(253, 186, 116, 0.44) 0%, rgba(253, 186, 116, 0) 100%),
    linear-gradient(150deg, #fffbeb 0%, #fef3c7 50%, #ffedd5 100%);
  border: 1px solid rgba(245, 158, 11, 0.26);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.15), 0 14px 34px -18px rgba(217, 119, 6, 0.58), 0 0 42px rgba(249, 115, 22, 0.24);
}