Gradient #34
glow-neptune-frost
radial-glow-neptune-frost
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_12%_10%,rgba(147,197,253,0.64)_0%,rgba(147,197,253,0)_100%),radial-gradient(52%_68%_at_86%_14%,rgba(34,211,238,0.5)_0%,rgba(34,211,238,0)_100%),radial-gradient(76%_100%_at_50%_90%,rgba(224,242,254,0.36)_0%,rgba(224,242,254,0)_100%),linear-gradient(150deg,#eff6ff_0%,#dbeafe_50%,#cffafe_100%)] border border-solid border-[rgba(14,116,144,0.24)] shadow-[0_0_0_1px_rgba(147,197,253,0.14),0_14px_34px_-18px_rgba(14,116,144,0.52),0_0_40px_rgba(34,211,238,0.22)] CSS3
.radial-glow-neptune-frost {
background-image:
radial-gradient(46% 62% at 12% 10%, rgba(147, 197, 253, 0.64) 0%, rgba(147, 197, 253, 0) 100%),
radial-gradient(52% 68% at 86% 14%, rgba(34, 211, 238, 0.5) 0%, rgba(34, 211, 238, 0) 100%),
radial-gradient(76% 100% at 50% 90%, rgba(224, 242, 254, 0.36) 0%, rgba(224, 242, 254, 0) 100%),
linear-gradient(150deg, #eff6ff 0%, #dbeafe 50%, #cffafe 100%);
border: 1px solid rgba(14, 116, 144, 0.24);
box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.14), 0 14px 34px -18px rgba(14, 116, 144, 0.52), 0 0 40px rgba(34, 211, 238, 0.22);
}