Gradient #1
glow-aurora-cyan
radial-glow-aurora-cyan
Copy styles
Tailwind
bg-[radial-gradient(45%_60%_at_18%_18%,rgba(34,211,238,0.62)_0%,rgba(34,211,238,0)_100%),radial-gradient(48%_62%_at_82%_16%,rgba(59,130,246,0.54)_0%,rgba(59,130,246,0)_100%),radial-gradient(70%_95%_at_52%_84%,rgba(56,189,248,0.46)_0%,rgba(56,189,248,0)_100%),linear-gradient(145deg,#ecfeff_0%,#e0f2fe_55%,#dbeafe_100%)] border border-solid border-[rgba(14,165,233,0.24)] shadow-[0_0_0_1px_rgba(34,211,238,0.12),0_14px_34px_-18px_rgba(14,165,233,0.55),0_0_40px_rgba(56,189,248,0.28)] CSS3
.radial-glow-aurora-cyan {
background-image:
radial-gradient(45% 60% at 18% 18%, rgba(34, 211, 238, 0.62) 0%, rgba(34, 211, 238, 0) 100%),
radial-gradient(48% 62% at 82% 16%, rgba(59, 130, 246, 0.54) 0%, rgba(59, 130, 246, 0) 100%),
radial-gradient(70% 95% at 52% 84%, rgba(56, 189, 248, 0.46) 0%, rgba(56, 189, 248, 0) 100%),
linear-gradient(145deg, #ecfeff 0%, #e0f2fe 55%, #dbeafe 100%);
border: 1px solid rgba(14, 165, 233, 0.24);
box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 14px 34px -18px rgba(14, 165, 233, 0.55), 0 0 40px rgba(56, 189, 248, 0.28);
}