Gradient #15
glow-orbit-azure
radial-glow-orbit-azure
Copy styles
Tailwind
bg-[radial-gradient(44%_60%_at_14%_12%,rgba(56,189,248,0.68)_0%,rgba(56,189,248,0)_100%),radial-gradient(50%_68%_at_86%_16%,rgba(59,130,246,0.58)_0%,rgba(59,130,246,0)_100%),radial-gradient(74%_96%_at_50%_88%,rgba(14,165,233,0.42)_0%,rgba(14,165,233,0)_100%),linear-gradient(150deg,#ecfeff_0%,#dbeafe_52%,#bfdbfe_100%)] border border-solid border-[rgba(2,132,199,0.25)] shadow-[0_0_0_1px_rgba(56,189,248,0.14),0_14px_34px_-18px_rgba(37,99,235,0.58),0_0_42px_rgba(14,165,233,0.24)] CSS3
.radial-glow-orbit-azure {
background-image:
radial-gradient(44% 60% at 14% 12%, rgba(56, 189, 248, 0.68) 0%, rgba(56, 189, 248, 0) 100%),
radial-gradient(50% 68% at 86% 16%, rgba(59, 130, 246, 0.58) 0%, rgba(59, 130, 246, 0) 100%),
radial-gradient(74% 96% at 50% 88%, rgba(14, 165, 233, 0.42) 0%, rgba(14, 165, 233, 0) 100%),
linear-gradient(150deg, #ecfeff 0%, #dbeafe 52%, #bfdbfe 100%);
border: 1px solid rgba(2, 132, 199, 0.25);
box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.14), 0 14px 34px -18px rgba(37, 99, 235, 0.58), 0 0 42px rgba(14, 165, 233, 0.24);
}