3
Back
other

Gradient #60

orion-green

radial-orion-green

Copy styles

Tailwind 
bg-[radial-gradient(125%_125%_at_80%_10%,rgba(34,197,94,0.18)_0%,rgba(16,185,129,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(145%_145%_at_15%_20%,rgba(220,252,231,0.92)_0%,rgba(167,243,208,0.75)_55%,rgba(110,231,183,0.85)_100%)] [backdrop-filter:blur(7px)] [-webkit-backdrop-filter:blur(7px)]
CSS3 
.radial-orion-green {

  background-image:
    radial-gradient(125% 125% at 80% 10%,
      rgba(34, 197, 94, 0.18) 0%,
      rgba(16, 185, 129, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(145% 145% at 15% 20%,
      rgba(220, 252, 231, 0.92) 0%,
      rgba(167, 243, 208, 0.75) 55%,
      rgba(110, 231, 183, 0.85) 100%);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}