3
Back

Gradient #7

glow-mint-plasma

radial-glow-mint-plasma

Copy styles

Tailwind
bg-[radial-gradient(44%_60%_at_16%_12%,rgba(45,212,191,0.64)_0%,rgba(45,212,191,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(20,184,166,0.56)_0%,rgba(20,184,166,0)_100%),radial-gradient(72%_94%_at_50%_86%,rgba(94,234,212,0.44)_0%,rgba(94,234,212,0)_100%),linear-gradient(150deg,#ecfeff_0%,#ccfbf1_52%,#d1fae5_100%)] border border-solid border-[rgba(13,148,136,0.25)] shadow-[0_0_0_1px_rgba(45,212,191,0.14),0_14px_34px_-18px_rgba(13,148,136,0.56),0_0_40px_rgba(45,212,191,0.24)]
CSS3
.radial-glow-mint-plasma {

  background-image:
    radial-gradient(44% 60% at 16% 12%, rgba(45, 212, 191, 0.64) 0%, rgba(45, 212, 191, 0) 100%),
    radial-gradient(50% 66% at 84% 14%, rgba(20, 184, 166, 0.56) 0%, rgba(20, 184, 166, 0) 100%),
    radial-gradient(72% 94% at 50% 86%, rgba(94, 234, 212, 0.44) 0%, rgba(94, 234, 212, 0) 100%),
    linear-gradient(150deg, #ecfeff 0%, #ccfbf1 52%, #d1fae5 100%);
  border: 1px solid rgba(13, 148, 136, 0.25);
  box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.14), 0 14px 34px -18px rgba(13, 148, 136, 0.56), 0 0 40px rgba(45, 212, 191, 0.24);
}