3
Back

Gradient #59

void-indigo

radial-void-indigo

Copy styles

Tailwind
bg-[radial-gradient(135%_135%_at_60%_0%,rgba(79,70,229,0.18)_0%,rgba(99,102,241,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(155%_155%_at_35%_25%,rgba(224,231,255,0.9)_0%,rgba(199,210,254,0.7)_55%,rgba(165,180,252,0.85)_100%)] [backdrop-filter:blur(8px)] [-webkit-backdrop-filter:blur(8px)]
CSS3
.radial-void-indigo {

  background-image:
    radial-gradient(135% 135% at 60% 0%,
      rgba(79, 70, 229, 0.18) 0%,
      rgba(99, 102, 241, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(155% 155% at 35% 25%,
      rgba(224, 231, 255, 0.9) 0%,
      rgba(199, 210, 254, 0.7) 55%,
      rgba(165, 180, 252, 0.85) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}