3
Back

Gradient #73

mesh-solar-pop

radial-mesh-solar-pop

Copy styles

Tailwind
bg-[radial-gradient(58%_78%_at_10%_8%,rgba(251,191,36,0.5)_0%,rgba(251,191,36,0)_100%),radial-gradient(52%_74%_at_86%_14%,rgba(249,115,22,0.4)_0%,rgba(249,115,22,0)_100%),radial-gradient(76%_98%_at_50%_90%,rgba(253,224,71,0.62)_0%,rgba(253,224,71,0)_100%),linear-gradient(150deg,#fffbeb_0%,#fef3c7_50%,#ffedd5_100%)] border border-solid border-[rgba(217,119,6,0.16)]
CSS3
.radial-mesh-solar-pop {

  background-image:
    radial-gradient(58% 78% at 10% 8%, rgba(251, 191, 36, 0.5) 0%, rgba(251, 191, 36, 0) 100%),
    radial-gradient(52% 74% at 86% 14%, rgba(249, 115, 22, 0.4) 0%, rgba(249, 115, 22, 0) 100%),
    radial-gradient(76% 98% at 50% 90%, rgba(253, 224, 71, 0.62) 0%, rgba(253, 224, 71, 0) 100%),
    linear-gradient(150deg, #fffbeb 0%, #fef3c7 50%, #ffedd5 100%);
  border: 1px solid rgba(217, 119, 6, 0.16);
}