3
Back

Gradient #76

mesh-neon-limeade

radial-mesh-neon-limeade

Copy styles

Tailwind
bg-[radial-gradient(56%_76%_at_12%_10%,rgba(163,230,53,0.5)_0%,rgba(163,230,53,0)_100%),radial-gradient(50%_74%_at_84%_16%,rgba(34,197,94,0.36)_0%,rgba(34,197,94,0)_100%),radial-gradient(72%_100%_at_52%_90%,rgba(190,242,100,0.58)_0%,rgba(190,242,100,0)_100%),linear-gradient(148deg,#f7fee7_0%,#ecfccb_50%,#dcfce7_100%)] border border-solid border-[rgba(77,124,15,0.17)]
CSS3
.radial-mesh-neon-limeade {

  background-image:
    radial-gradient(56% 76% at 12% 10%, rgba(163, 230, 53, 0.5) 0%, rgba(163, 230, 53, 0) 100%),
    radial-gradient(50% 74% at 84% 16%, rgba(34, 197, 94, 0.36) 0%, rgba(34, 197, 94, 0) 100%),
    radial-gradient(72% 100% at 52% 90%, rgba(190, 242, 100, 0.58) 0%, rgba(190, 242, 100, 0) 100%),
    linear-gradient(148deg, #f7fee7 0%, #ecfccb 50%, #dcfce7 100%);
  border: 1px solid rgba(77, 124, 15, 0.17);
}