3
Back

Gradient #20

glow-solar-lilac

radial-glow-solar-lilac

Copy styles

Tailwind
bg-[radial-gradient(46%_62%_at_14%_10%,rgba(250,204,21,0.62)_0%,rgba(250,204,21,0)_100%),radial-gradient(52%_66%_at_86%_16%,rgba(216,180,254,0.56)_0%,rgba(216,180,254,0)_100%),radial-gradient(76%_98%_at_50%_88%,rgba(192,132,252,0.4)_0%,rgba(192,132,252,0)_100%),linear-gradient(150deg,#fefce8_0%,#f5f3ff_54%,#fae8ff_100%)] border border-solid border-[rgba(168,85,247,0.24)] shadow-[0_0_0_1px_rgba(250,204,21,0.12),0_14px_34px_-18px_rgba(126,34,206,0.54),0_0_40px_rgba(216,180,254,0.24)]
CSS3
.radial-glow-solar-lilac {

  background-image:
    radial-gradient(46% 62% at 14% 10%, rgba(250, 204, 21, 0.62) 0%, rgba(250, 204, 21, 0) 100%),
    radial-gradient(52% 66% at 86% 16%, rgba(216, 180, 254, 0.56) 0%, rgba(216, 180, 254, 0) 100%),
    radial-gradient(76% 98% at 50% 88%, rgba(192, 132, 252, 0.4) 0%, rgba(192, 132, 252, 0) 100%),
    linear-gradient(150deg, #fefce8 0%, #f5f3ff 54%, #fae8ff 100%);
  border: 1px solid rgba(168, 85, 247, 0.24);
  box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.12), 0 14px 34px -18px rgba(126, 34, 206, 0.54), 0 0 40px rgba(216, 180, 254, 0.24);
}