Gradient #32
glow-eclipse-plum
radial-glow-eclipse-plum
Copy styles
Tailwind
bg-[radial-gradient(48%_66%_at_12%_10%,rgba(216,180,254,0.56)_0%,rgba(216,180,254,0)_100%),radial-gradient(52%_68%_at_86%_14%,rgba(99,102,241,0.44)_0%,rgba(99,102,241,0)_100%),radial-gradient(78%_100%_at_50%_90%,rgba(129,140,248,0.3)_0%,rgba(129,140,248,0)_100%),linear-gradient(150deg,#312e81_0%,#4c1d95_52%,#1f2937_100%)] border border-solid border-[rgba(167,139,250,0.32)] shadow-[0_0_0_1px_rgba(216,180,254,0.16),0_14px_34px_-18px_rgba(79,70,229,0.56),0_0_44px_rgba(129,140,248,0.24)] CSS3
.radial-glow-eclipse-plum {
background-image:
radial-gradient(48% 66% at 12% 10%, rgba(216, 180, 254, 0.56) 0%, rgba(216, 180, 254, 0) 100%),
radial-gradient(52% 68% at 86% 14%, rgba(99, 102, 241, 0.44) 0%, rgba(99, 102, 241, 0) 100%),
radial-gradient(78% 100% at 50% 90%, rgba(129, 140, 248, 0.3) 0%, rgba(129, 140, 248, 0) 100%),
linear-gradient(150deg, #312e81 0%, #4c1d95 52%, #1f2937 100%);
border: 1px solid rgba(167, 139, 250, 0.32);
box-shadow: 0 0 0 1px rgba(216, 180, 254, 0.16), 0 14px 34px -18px rgba(79, 70, 229, 0.56), 0 0 44px rgba(129, 140, 248, 0.24);
}