3
Back

Gradient #29

glow-plasma-orbit

radial-glow-plasma-orbit

Copy styles

Tailwind
bg-[radial-gradient(48%_66%_at_12%_10%,rgba(217,70,239,0.56)_0%,rgba(217,70,239,0)_100%),radial-gradient(52%_68%_at_86%_12%,rgba(56,189,248,0.44)_0%,rgba(56,189,248,0)_100%),radial-gradient(78%_102%_at_50%_90%,rgba(168,85,247,0.32)_0%,rgba(168,85,247,0)_100%),linear-gradient(150deg,#1e1b4b_0%,#312e81_48%,#0f172a_100%)] border border-solid border-[rgba(168,85,247,0.32)] shadow-[0_0_0_1px_rgba(217,70,239,0.16),0_14px_34px_-18px_rgba(79,70,229,0.56),0_0_44px_rgba(56,189,248,0.24)]
CSS3
.radial-glow-plasma-orbit {

  background-image:
    radial-gradient(48% 66% at 12% 10%, rgba(217, 70, 239, 0.56) 0%, rgba(217, 70, 239, 0) 100%),
    radial-gradient(52% 68% at 86% 12%, rgba(56, 189, 248, 0.44) 0%, rgba(56, 189, 248, 0) 100%),
    radial-gradient(78% 102% at 50% 90%, rgba(168, 85, 247, 0.32) 0%, rgba(168, 85, 247, 0) 100%),
    linear-gradient(150deg, #1e1b4b 0%, #312e81 48%, #0f172a 100%);
  border: 1px solid rgba(168, 85, 247, 0.32);
  box-shadow: 0 0 0 1px rgba(217, 70, 239, 0.16), 0 14px 34px -18px rgba(79, 70, 229, 0.56), 0 0 44px rgba(56, 189, 248, 0.24);
}