3
Back

Gradient #45

aurora-lav

radial-aurora-lav

Copy styles

Tailwind
bg-[radial-gradient(135%_135%_at_65%_0%,rgba(124,58,237,0.18)_0%,rgba(168,85,247,0.10)_35%,rgba(255,255,255,0)_70%),radial-gradient(155%_155%_at_35%_15%,rgba(237,233,254,0.9)_0%,rgba(221,214,254,0.7)_55%,rgba(196,181,253,0.85)_100%)] [backdrop-filter:blur(7px)] [-webkit-backdrop-filter:blur(7px)]
CSS3
.radial-aurora-lav {

  background-image:
    radial-gradient(135% 135% at 65% 0%,
      rgba(124, 58, 237, 0.18) 0%,
      rgba(168, 85, 247, 0.10) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(155% 155% at 35% 15%,
      rgba(237, 233, 254, 0.9) 0%,
      rgba(221, 214, 254, 0.7) 55%,
      rgba(196, 181, 253, 0.85) 100%);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}