Gradient #77
mesh-midnight-plasma
radial-mesh-midnight-plasma
Copy styles
Tailwind
bg-[radial-gradient(64%_86%_at_12%_14%,rgba(56,189,248,0.26)_0%,rgba(56,189,248,0)_100%),radial-gradient(58%_82%_at_88%_10%,rgba(168,85,247,0.34)_0%,rgba(168,85,247,0)_100%),radial-gradient(72%_98%_at_50%_90%,rgba(217,70,239,0.26)_0%,rgba(217,70,239,0)_100%),linear-gradient(155deg,#0f172a_0%,#1e1b4b_48%,#111827_100%)] border border-solid border-[rgba(147,197,253,0.2)] CSS3
.radial-mesh-midnight-plasma {
background-image:
radial-gradient(64% 86% at 12% 14%, rgba(56, 189, 248, 0.26) 0%, rgba(56, 189, 248, 0) 100%),
radial-gradient(58% 82% at 88% 10%, rgba(168, 85, 247, 0.34) 0%, rgba(168, 85, 247, 0) 100%),
radial-gradient(72% 98% at 50% 90%, rgba(217, 70, 239, 0.26) 0%, rgba(217, 70, 239, 0) 100%),
linear-gradient(155deg, #0f172a 0%, #1e1b4b 48%, #111827 100%);
border: 1px solid rgba(147, 197, 253, 0.2);
}