3
Back

Gradient #17

glow-cosmos-velvet

radial-glow-cosmos-velvet

Copy styles

Tailwind
bg-[radial-gradient(48%_66%_at_12%_10%,rgba(129,140,248,0.58)_0%,rgba(129,140,248,0)_100%),radial-gradient(52%_68%_at_86%_12%,rgba(192,132,252,0.5)_0%,rgba(192,132,252,0)_100%),radial-gradient(78%_100%_at_50%_90%,rgba(14,165,233,0.3)_0%,rgba(14,165,233,0)_100%),linear-gradient(150deg,#1e1b4b_0%,#312e81_54%,#1f2937_100%)] border border-solid border-[rgba(129,140,248,0.32)] shadow-[0_0_0_1px_rgba(165,180,252,0.16),0_14px_34px_-18px_rgba(67,56,202,0.58),0_0_44px_rgba(167,139,250,0.24)]
CSS3
.radial-glow-cosmos-velvet {

  background-image:
    radial-gradient(48% 66% at 12% 10%, rgba(129, 140, 248, 0.58) 0%, rgba(129, 140, 248, 0) 100%),
    radial-gradient(52% 68% at 86% 12%, rgba(192, 132, 252, 0.5) 0%, rgba(192, 132, 252, 0) 100%),
    radial-gradient(78% 100% at 50% 90%, rgba(14, 165, 233, 0.3) 0%, rgba(14, 165, 233, 0) 100%),
    linear-gradient(150deg, #1e1b4b 0%, #312e81 54%, #1f2937 100%);
  border: 1px solid rgba(129, 140, 248, 0.32);
  box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.16), 0 14px 34px -18px rgba(67, 56, 202, 0.58), 0 0 44px rgba(167, 139, 250, 0.24);
}