3
Back
other

Gradient #49

cosmic-teal

radial-cosmic-teal

Copy styles

Tailwind 
bg-[radial-gradient(130%_130%_at_70%_0%,rgba(56,189,248,0.18)_0%,rgba(20,184,166,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(150%_150%_at_30%_20%,rgba(207,250,254,0.9)_0%,rgba(164,233,230,0.7)_55%,rgba(94,234,212,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3 
.radial-cosmic-teal {

  background-image:
    radial-gradient(130% 130% at 70% 0%,
      rgba(56, 189, 248, 0.18) 0%,
      rgba(20, 184, 166, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(150% 150% at 30% 20%,
      rgba(207, 250, 254, 0.9) 0%,
      rgba(164, 233, 230, 0.7) 55%,
      rgba(94, 234, 212, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}