Gradient #26
glow-stellar-indigo
radial-glow-stellar-indigo
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_12%,rgba(129,140,248,0.66)_0%,rgba(129,140,248,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(99,102,241,0.58)_0%,rgba(99,102,241,0)_100%),radial-gradient(74%_96%_at_50%_88%,rgba(165,180,252,0.4)_0%,rgba(165,180,252,0)_100%),linear-gradient(150deg,#eef2ff_0%,#e0e7ff_50%,#c7d2fe_100%)] border border-solid border-[rgba(79,70,229,0.25)] shadow-[0_0_0_1px_rgba(129,140,248,0.14),0_14px_34px_-18px_rgba(67,56,202,0.58),0_0_42px_rgba(99,102,241,0.24)] CSS3
.radial-glow-stellar-indigo {
background-image:
radial-gradient(46% 62% at 14% 12%, rgba(129, 140, 248, 0.66) 0%, rgba(129, 140, 248, 0) 100%),
radial-gradient(50% 66% at 84% 14%, rgba(99, 102, 241, 0.58) 0%, rgba(99, 102, 241, 0) 100%),
radial-gradient(74% 96% at 50% 88%, rgba(165, 180, 252, 0.4) 0%, rgba(165, 180, 252, 0) 100%),
linear-gradient(150deg, #eef2ff 0%, #e0e7ff 50%, #c7d2fe 100%);
border: 1px solid rgba(79, 70, 229, 0.25);
box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.14), 0 14px 34px -18px rgba(67, 56, 202, 0.58), 0 0 42px rgba(99, 102, 241, 0.24);
}