3
Back

Gradient #67

starlight-gold

radial-starlight-gold

Copy styles

Tailwind
bg-[radial-gradient(135%_135%_at_80%_5%,rgba(245,158,11,0.18)_0%,rgba(217,119,6,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(155%_155%_at_20%_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(7px)] [-webkit-backdrop-filter:blur(7px)]
CSS3
.radial-starlight-gold {

  background-image:
    radial-gradient(135% 135% at 80% 5%,
      rgba(245, 158, 11, 0.18) 0%,
      rgba(217, 119, 6, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(155% 155% at 20% 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(7px);
  -webkit-backdrop-filter: blur(7px);
}