Gradient #3
glow-ember-rose
radial-glow-ember-rose
Copy styles
Tailwind
bg-[radial-gradient(44%_60%_at_14%_14%,rgba(251,113,133,0.62)_0%,rgba(251,113,133,0)_100%),radial-gradient(50%_66%_at_84%_18%,rgba(244,114,182,0.54)_0%,rgba(244,114,182,0)_100%),radial-gradient(74%_98%_at_50%_86%,rgba(253,164,175,0.46)_0%,rgba(253,164,175,0)_100%),linear-gradient(150deg,#fff1f2_0%,#ffe4e6_52%,#fdf2f8_100%)] border border-solid border-[rgba(244,63,94,0.24)] shadow-[0_0_0_1px_rgba(251,113,133,0.13),0_14px_34px_-18px_rgba(225,29,72,0.56),0_0_40px_rgba(244,114,182,0.26)] CSS3
.radial-glow-ember-rose {
background-image:
radial-gradient(44% 60% at 14% 14%, rgba(251, 113, 133, 0.62) 0%, rgba(251, 113, 133, 0) 100%),
radial-gradient(50% 66% at 84% 18%, rgba(244, 114, 182, 0.54) 0%, rgba(244, 114, 182, 0) 100%),
radial-gradient(74% 98% at 50% 86%, rgba(253, 164, 175, 0.46) 0%, rgba(253, 164, 175, 0) 100%),
linear-gradient(150deg, #fff1f2 0%, #ffe4e6 52%, #fdf2f8 100%);
border: 1px solid rgba(244, 63, 94, 0.24);
box-shadow: 0 0 0 1px rgba(251, 113, 133, 0.13), 0 14px 34px -18px rgba(225, 29, 72, 0.56), 0 0 40px rgba(244, 114, 182, 0.26);
}