3
Back
other

Gradient #48

nebula-blush

radial-nebula-blush

Copy styles

Tailwind 
bg-[radial-gradient(125%_125%_at_85%_10%,rgba(236,72,153,0.18)_0%,rgba(168,85,247,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(145%_145%_at_20%_25%,rgba(252,231,243,0.92)_0%,rgba(248,187,208,0.75)_55%,rgba(237,100,166,0.85)_100%)] [backdrop-filter:blur(7px)] [-webkit-backdrop-filter:blur(7px)]
CSS3 
.radial-nebula-blush {

  background-image:
    radial-gradient(125% 125% at 85% 10%,
      rgba(236, 72, 153, 0.18) 0%,
      rgba(168, 85, 247, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(145% 145% at 20% 25%,
      rgba(252, 231, 243, 0.92) 0%,
      rgba(248, 187, 208, 0.75) 55%,
      rgba(237, 100, 166, 0.85) 100%);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}