3
Back
other

Gradient #61

quasar-fuchsia

radial-quasar-fuchsia

Copy styles

Tailwind 
bg-[radial-gradient(130%_130%_at_65%_0%,rgba(217,70,239,0.18)_0%,rgba(192,38,211,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(150%_150%_at_30%_15%,rgba(245,208,254,0.9)_0%,rgba(232,174,250,0.7)_55%,rgba(217,70,239,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3 
.radial-quasar-fuchsia {

  background-image:
    radial-gradient(130% 130% at 65% 0%,
      rgba(217, 70, 239, 0.18) 0%,
      rgba(192, 38, 211, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(150% 150% at 30% 15%,
      rgba(245, 208, 254, 0.9) 0%,
      rgba(232, 174, 250, 0.7) 55%,
      rgba(217, 70, 239, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}