Gradient #30
glow-aurora-pluto
radial-glow-aurora-pluto
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_12%_10%,rgba(94,234,212,0.56)_0%,rgba(94,234,212,0)_100%),radial-gradient(52%_68%_at_84%_14%,rgba(192,132,252,0.5)_0%,rgba(192,132,252,0)_100%),radial-gradient(76%_100%_at_52%_90%,rgba(14,165,233,0.3)_0%,rgba(14,165,233,0)_100%),linear-gradient(150deg,#ecfeff_0%,#ede9fe_52%,#dbeafe_100%)] border border-solid border-[rgba(109,40,217,0.24)] shadow-[0_0_0_1px_rgba(94,234,212,0.12),0_14px_34px_-18px_rgba(79,70,229,0.52),0_0_40px_rgba(34,211,238,0.22)] CSS3
.radial-glow-aurora-pluto {
background-image:
radial-gradient(46% 62% at 12% 10%, rgba(94, 234, 212, 0.56) 0%, rgba(94, 234, 212, 0) 100%),
radial-gradient(52% 68% at 84% 14%, rgba(192, 132, 252, 0.5) 0%, rgba(192, 132, 252, 0) 100%),
radial-gradient(76% 100% at 52% 90%, rgba(14, 165, 233, 0.3) 0%, rgba(14, 165, 233, 0) 100%),
linear-gradient(150deg, #ecfeff 0%, #ede9fe 52%, #dbeafe 100%);
border: 1px solid rgba(109, 40, 217, 0.24);
box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.12), 0 14px 34px -18px rgba(79, 70, 229, 0.52), 0 0 40px rgba(34, 211, 238, 0.22);
}