3
Back

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);
}