Gradient #8
glow-orchid-flash
radial-glow-orchid-flash
Copy styles
Tailwind
bg-[radial-gradient(46%_62%_at_16%_14%,rgba(232,121,249,0.64)_0%,rgba(232,121,249,0)_100%),radial-gradient(50%_66%_at_82%_14%,rgba(217,70,239,0.56)_0%,rgba(217,70,239,0)_100%),radial-gradient(72%_96%_at_50%_88%,rgba(240,171,252,0.44)_0%,rgba(240,171,252,0)_100%),linear-gradient(148deg,#fdf4ff_0%,#fae8ff_52%,#f5d0fe_100%)] border border-solid border-[rgba(192,38,211,0.25)] shadow-[0_0_0_1px_rgba(232,121,249,0.14),0_14px_34px_-18px_rgba(192,38,211,0.56),0_0_42px_rgba(217,70,239,0.24)] CSS3
.radial-glow-orchid-flash {
background-image:
radial-gradient(46% 62% at 16% 14%, rgba(232, 121, 249, 0.64) 0%, rgba(232, 121, 249, 0) 100%),
radial-gradient(50% 66% at 82% 14%, rgba(217, 70, 239, 0.56) 0%, rgba(217, 70, 239, 0) 100%),
radial-gradient(72% 96% at 50% 88%, rgba(240, 171, 252, 0.44) 0%, rgba(240, 171, 252, 0) 100%),
linear-gradient(148deg, #fdf4ff 0%, #fae8ff 52%, #f5d0fe 100%);
border: 1px solid rgba(192, 38, 211, 0.25);
box-shadow: 0 0 0 1px rgba(232, 121, 249, 0.14), 0 14px 34px -18px rgba(192, 38, 211, 0.56), 0 0 42px rgba(217, 70, 239, 0.24);
}