3
Back
other

Gradient #62

meteor-rose

radial-meteor-rose

Copy styles

Tailwind 
bg-[radial-gradient(120%_120%_at_85%_10%,rgba(244,63,94,0.18)_0%,rgba(225,29,72,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(140%_140%_at_20%_25%,rgba(255,228,230,0.92)_0%,rgba(253,230,232,0.75)_55%,rgba(248,187,208,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3 
.radial-meteor-rose {

  background-image:
    radial-gradient(120% 120% at 85% 10%,
      rgba(244, 63, 94, 0.18) 0%,
      rgba(225, 29, 72, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(140% 140% at 20% 25%,
      rgba(255, 228, 230, 0.92) 0%,
      rgba(253, 230, 232, 0.75) 55%,
      rgba(248, 187, 208, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}