Gradient #24
glow-equinox-violet
radial-glow-equinox-violet
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_12%,rgba(196,181,253,0.66)_0%,rgba(196,181,253,0)_100%),radial-gradient(52%_68%_at_86%_14%,rgba(167,139,250,0.56)_0%,rgba(167,139,250,0)_100%),radial-gradient(74%_96%_at_50%_88%,rgba(129,140,248,0.42)_0%,rgba(129,140,248,0)_100%),linear-gradient(148deg,#eef2ff_0%,#e9d5ff_52%,#ddd6fe_100%)] border border-solid border-[rgba(109,40,217,0.24)] shadow-[0_0_0_1px_rgba(196,181,253,0.14),0_14px_34px_-18px_rgba(91,33,182,0.56),0_0_42px_rgba(129,140,248,0.24)] CSS3
.radial-glow-equinox-violet {
background-image:
radial-gradient(46% 62% at 14% 12%, rgba(196, 181, 253, 0.66) 0%, rgba(196, 181, 253, 0) 100%),
radial-gradient(52% 68% at 86% 14%, rgba(167, 139, 250, 0.56) 0%, rgba(167, 139, 250, 0) 100%),
radial-gradient(74% 96% at 50% 88%, rgba(129, 140, 248, 0.42) 0%, rgba(129, 140, 248, 0) 100%),
linear-gradient(148deg, #eef2ff 0%, #e9d5ff 52%, #ddd6fe 100%);
border: 1px solid rgba(109, 40, 217, 0.24);
box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.14), 0 14px 34px -18px rgba(91, 33, 182, 0.56), 0 0 42px rgba(129, 140, 248, 0.24);
}