3
Back

Gradient #33

glow-saturn-rings

radial-glow-saturn-rings

Copy styles

Tailwind
bg-[radial-gradient(46%_62%_at_14%_12%,rgba(253,186,116,0.64)_0%,rgba(253,186,116,0)_100%),radial-gradient(52%_68%_at_84%_14%,rgba(196,181,253,0.44)_0%,rgba(196,181,253,0)_100%),radial-gradient(76%_98%_at_50%_88%,rgba(253,224,71,0.36)_0%,rgba(253,224,71,0)_100%),linear-gradient(148deg,#fff7ed_0%,#fef3c7_50%,#ede9fe_100%)] border border-solid border-[rgba(180,83,9,0.24)] shadow-[0_0_0_1px_rgba(253,186,116,0.14),0_14px_34px_-18px_rgba(126,34,206,0.48),0_0_40px_rgba(245,158,11,0.22)]
CSS3
.radial-glow-saturn-rings {

  background-image:
    radial-gradient(46% 62% at 14% 12%, rgba(253, 186, 116, 0.64) 0%, rgba(253, 186, 116, 0) 100%),
    radial-gradient(52% 68% at 84% 14%, rgba(196, 181, 253, 0.44) 0%, rgba(196, 181, 253, 0) 100%),
    radial-gradient(76% 98% at 50% 88%, rgba(253, 224, 71, 0.36) 0%, rgba(253, 224, 71, 0) 100%),
    linear-gradient(148deg, #fff7ed 0%, #fef3c7 50%, #ede9fe 100%);
  border: 1px solid rgba(180, 83, 9, 0.24);
  box-shadow: 0 0 0 1px rgba(253, 186, 116, 0.14), 0 14px 34px -18px rgba(126, 34, 206, 0.48), 0 0 40px rgba(245, 158, 11, 0.22);
}