3
Back
other

Gradient #66

celestial-slate

radial-celestial-slate

Copy styles

Tailwind 
bg-[radial-gradient(120%_120%_at_60%_0%,rgba(100,116,139,0.18)_0%,rgba(71,85,105,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(140%_140%_at_35%_25%,rgba(241,245,249,0.92)_0%,rgba(226,232,240,0.75)_55%,rgba(203,213,225,0.85)_100%)] [backdrop-filter:blur(8px)] [-webkit-backdrop-filter:blur(8px)]
CSS3 
.radial-celestial-slate {

  background-image:
    radial-gradient(120% 120% at 60% 0%,
      rgba(100, 116, 139, 0.18) 0%,
      rgba(71, 85, 105, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(140% 140% at 35% 25%,
      rgba(241, 245, 249, 0.92) 0%,
      rgba(226, 232, 240, 0.75) 55%,
      rgba(203, 213, 225, 0.85) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}