Gradient #14
glow-nebula-citrine
radial-glow-nebula-citrine
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_14%_10%,rgba(250,204,21,0.68)_0%,rgba(250,204,21,0)_100%),radial-gradient(50%_66%_at_84%_14%,rgba(251,146,60,0.56)_0%,rgba(251,146,60,0)_100%),radial-gradient(74%_98%_at_52%_90%,rgba(253,224,71,0.42)_0%,rgba(253,224,71,0)_100%),linear-gradient(150deg,#fefce8_0%,#fef3c7_50%,#ffedd5_100%)] border border-solid border-[rgba(217,119,6,0.24)] shadow-[0_0_0_1px_rgba(250,204,21,0.14),0_14px_34px_-18px_rgba(180,83,9,0.54),0_0_40px_rgba(251,146,60,0.24)] CSS3
.radial-glow-nebula-citrine {
background-image:
radial-gradient(46% 62% at 14% 10%, rgba(250, 204, 21, 0.68) 0%, rgba(250, 204, 21, 0) 100%),
radial-gradient(50% 66% at 84% 14%, rgba(251, 146, 60, 0.56) 0%, rgba(251, 146, 60, 0) 100%),
radial-gradient(74% 98% at 52% 90%, rgba(253, 224, 71, 0.42) 0%, rgba(253, 224, 71, 0) 100%),
linear-gradient(150deg, #fefce8 0%, #fef3c7 50%, #ffedd5 100%);
border: 1px solid rgba(217, 119, 6, 0.24);
box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.14), 0 14px 34px -18px rgba(180, 83, 9, 0.54), 0 0 40px rgba(251, 146, 60, 0.24);
}