Gradient #4
glow-lime-spark
radial-glow-lime-spark
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_16%,rgba(163,230,53,0.66)_0%,rgba(163,230,53,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(74,222,128,0.54)_0%,rgba(74,222,128,0)_100%),radial-gradient(74%_96%_at_50%_88%,rgba(190,242,100,0.46)_0%,rgba(190,242,100,0)_100%),linear-gradient(150deg,#f7fee7_0%,#ecfccb_52%,#dcfce7_100%)] border border-solid border-[rgba(132,204,22,0.25)] shadow-[0_0_0_1px_rgba(163,230,53,0.14),0_14px_34px_-18px_rgba(101,163,13,0.56),0_0_40px_rgba(132,204,22,0.24)] CSS3
.radial-glow-lime-spark {
background-image:
radial-gradient(46% 62% at 14% 16%, rgba(163, 230, 53, 0.66) 0%, rgba(163, 230, 53, 0) 100%),
radial-gradient(50% 66% at 84% 14%, rgba(74, 222, 128, 0.54) 0%, rgba(74, 222, 128, 0) 100%),
radial-gradient(74% 96% at 50% 88%, rgba(190, 242, 100, 0.46) 0%, rgba(190, 242, 100, 0) 100%),
linear-gradient(150deg, #f7fee7 0%, #ecfccb 52%, #dcfce7 100%);
border: 1px solid rgba(132, 204, 22, 0.25);
box-shadow: 0 0 0 1px rgba(163, 230, 53, 0.14), 0 14px 34px -18px rgba(101, 163, 13, 0.56), 0 0 40px rgba(132, 204, 22, 0.24);
}