3
Back

Gradient #83

border-rose-quartz

radial-border-rose-quartz

Copy styles

Tailwind
bg-[radial-gradient(115%_125%_at_52%_12%,rgba(255,241,242,0.8)_0%,rgba(254,205,211,0.64)_100%)] border border-solid border-[rgba(244,63,94,0.48)] shadow-[inset_0_1px_0_rgba(255,255,255,0.84),0_10px_24px_-20px_rgba(225,29,72,0.33)]
CSS3
.radial-border-rose-quartz {

  background-image:
    radial-gradient(115% 125% at 52% 12%, rgba(255, 241, 242, 0.8) 0%, rgba(254, 205, 211, 0.64) 100%);
  border: 1px solid rgba(244, 63, 94, 0.48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 10px 24px -20px rgba(225, 29, 72, 0.33);
}