3
Back
other

Gradient #63

eclipse-cyan

radial-eclipse-cyan

Copy styles

Tailwind 
bg-[radial-gradient(135%_135%_at_55%_0%,rgba(6,182,212,0.18)_0%,rgba(14,165,233,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(155%_155%_at_40%_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(8px)] [-webkit-backdrop-filter:blur(8px)]
CSS3 
.radial-eclipse-cyan {

  background-image:
    radial-gradient(135% 135% at 55% 0%,
      rgba(6, 182, 212, 0.18) 0%,
      rgba(14, 165, 233, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(155% 155% at 40% 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(8px);
  -webkit-backdrop-filter: blur(8px);
}