Gradient #22
glow-deep-space-teal
radial-glow-deep-space-teal
Copy styles
Tailwind
bg-[radial-gradient(46%_64%_at_14%_12%,rgba(34,211,238,0.52)_0%,rgba(34,211,238,0)_100%),radial-gradient(52%_68%_at_86%_14%,rgba(45,212,191,0.46)_0%,rgba(45,212,191,0)_100%),radial-gradient(76%_100%_at_50%_90%,rgba(56,189,248,0.28)_0%,rgba(56,189,248,0)_100%),linear-gradient(150deg,#082f49_0%,#0f766e_52%,#0f172a_100%)] border border-solid border-[rgba(45,212,191,0.32)] shadow-[0_0_0_1px_rgba(34,211,238,0.16),0_14px_34px_-18px_rgba(15,118,110,0.58),0_0_44px_rgba(14,165,233,0.24)] CSS3
.radial-glow-deep-space-teal {
background-image:
radial-gradient(46% 64% at 14% 12%, rgba(34, 211, 238, 0.52) 0%, rgba(34, 211, 238, 0) 100%),
radial-gradient(52% 68% at 86% 14%, rgba(45, 212, 191, 0.46) 0%, rgba(45, 212, 191, 0) 100%),
radial-gradient(76% 100% at 50% 90%, rgba(56, 189, 248, 0.28) 0%, rgba(56, 189, 248, 0) 100%),
linear-gradient(150deg, #082f49 0%, #0f766e 52%, #0f172a 100%);
border: 1px solid rgba(45, 212, 191, 0.32);
box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.16), 0 14px 34px -18px rgba(15, 118, 110, 0.58), 0 0 44px rgba(14, 165, 233, 0.24);
}