3
Back

Gradient #65

pulsar-lime

radial-pulsar-lime

Copy styles

Tailwind
bg-[radial-gradient(130%_130%_at_75%_10%,rgba(163,230,53,0.18)_0%,rgba(132,204,22,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(150%_150%_at_20%_20%,rgba(236,252,243,0.92)_0%,rgba(209,250,229,0.75)_55%,rgba(167,243,208,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3
.radial-pulsar-lime {

  background-image:
    radial-gradient(130% 130% at 75% 10%,
      rgba(163, 230, 53, 0.18) 0%,
      rgba(132, 204, 22, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(150% 150% at 20% 20%,
      rgba(236, 252, 243, 0.92) 0%,
      rgba(209, 250, 229, 0.75) 55%,
      rgba(167, 243, 208, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}