3
Back
other

Gradient #46

citrus-calm

radial-citrus-calm

Copy styles

Tailwind 
bg-[radial-gradient(120%_120%_at_75%_10%,rgba(251,191,36,0.18)_0%,rgba(253,121,168,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(140%_140%_at_25%_20%,rgba(254,249,195,0.9)_0%,rgba(253,224,71,0.7)_55%,rgba(252,211,77,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3 
.radial-citrus-calm {

  background-image:
    radial-gradient(120% 120% at 75% 10%,
      rgba(251, 191, 36, 0.18) 0%,
      rgba(253, 121, 168, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(140% 140% at 25% 20%,
      rgba(254, 249, 195, 0.9) 0%,
      rgba(253, 224, 71, 0.7) 55%,
      rgba(252, 211, 77, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}