3
Back

Gradient #16

glow-orbit-rose

radial-glow-orbit-rose

Copy styles

Tailwind
bg-[radial-gradient(44%_60%_at_14%_12%,rgba(251,113,133,0.66)_0%,rgba(251,113,133,0)_100%),radial-gradient(52%_66%_at_84%_14%,rgba(244,114,182,0.56)_0%,rgba(244,114,182,0)_100%),radial-gradient(74%_98%_at_50%_88%,rgba(254,205,211,0.42)_0%,rgba(254,205,211,0)_100%),linear-gradient(150deg,#fff1f2_0%,#fce7f3_52%,#fbcfe8_100%)] border border-solid border-[rgba(225,29,72,0.24)] shadow-[0_0_0_1px_rgba(251,113,133,0.14),0_14px_34px_-18px_rgba(190,24,93,0.56),0_0_40px_rgba(244,114,182,0.24)]
CSS3
.radial-glow-orbit-rose {

  background-image:
    radial-gradient(44% 60% at 14% 12%, rgba(251, 113, 133, 0.66) 0%, rgba(251, 113, 133, 0) 100%),
    radial-gradient(52% 66% at 84% 14%, rgba(244, 114, 182, 0.56) 0%, rgba(244, 114, 182, 0) 100%),
    radial-gradient(74% 98% at 50% 88%, rgba(254, 205, 211, 0.42) 0%, rgba(254, 205, 211, 0) 100%),
    linear-gradient(150deg, #fff1f2 0%, #fce7f3 52%, #fbcfe8 100%);
  border: 1px solid rgba(225, 29, 72, 0.24);
  box-shadow: 0 0 0 1px rgba(251, 113, 133, 0.14), 0 14px 34px -18px rgba(190, 24, 93, 0.56), 0 0 40px rgba(244, 114, 182, 0.24);
}