3
Back
other

Gradient #50

supernova-amber

radial-supernova-amber

Copy styles

Tailwind 
bg-[radial-gradient(120%_120%_at_75%_5%,rgba(251,146,60,0.18)_0%,rgba(245,158,11,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(140%_140%_at_25%_30%,rgba(254,243,199,0.92)_0%,rgba(253,230,138,0.75)_55%,rgba(252,211,77,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3 
.radial-supernova-amber {

  background-image:
    radial-gradient(120% 120% at 75% 5%,
      rgba(251, 146, 60, 0.18) 0%,
      rgba(245, 158, 11, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(140% 140% at 25% 30%,
      rgba(254, 243, 199, 0.92) 0%,
      rgba(253, 230, 138, 0.75) 55%,
      rgba(252, 211, 77, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}