Gradient #9
glow-glacier-neon
radial-glow-glacier-neon
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_12%,rgba(103,232,249,0.64)_0%,rgba(103,232,249,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(34,211,238,0.56)_0%,rgba(34,211,238,0)_100%),radial-gradient(72%_96%_at_50%_88%,rgba(125,211,252,0.44)_0%,rgba(125,211,252,0)_100%),linear-gradient(150deg,#ecfeff_0%,#cffafe_52%,#e0f2fe_100%)] border border-solid border-[rgba(8,145,178,0.25)] shadow-[0_0_0_1px_rgba(103,232,249,0.14),0_14px_34px_-18px_rgba(8,145,178,0.56),0_0_40px_rgba(34,211,238,0.24)] CSS3
.radial-glow-glacier-neon {
background-image:
radial-gradient(46% 62% at 14% 12%, rgba(103, 232, 249, 0.64) 0%, rgba(103, 232, 249, 0) 100%),
radial-gradient(50% 66% at 84% 14%, rgba(34, 211, 238, 0.56) 0%, rgba(34, 211, 238, 0) 100%),
radial-gradient(72% 96% at 50% 88%, rgba(125, 211, 252, 0.44) 0%, rgba(125, 211, 252, 0) 100%),
linear-gradient(150deg, #ecfeff 0%, #cffafe 52%, #e0f2fe 100%);
border: 1px solid rgba(8, 145, 178, 0.25);
box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.14), 0 14px 34px -18px rgba(8, 145, 178, 0.56), 0 0 40px rgba(34, 211, 238, 0.24);
}