3
Back

Gradient #189

repeating-conic-rose-flare

radial-repeating-conic-rose-flare

Copy styles

Tailwind
bg-[repeating-conic-gradient(from_90deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_144deg_at_50%_50%,#fef2f2_0deg,#fda4af_160deg,#e11d48_320deg,#fef2f2_360deg)] border border-solid border-[rgba(190,18,60,0.22)]
CSS3
.radial-repeating-conic-rose-flare {

  background-image:
    repeating-conic-gradient(from 90deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 144deg at 50% 50%, #fef2f2 0deg, #fda4af 160deg, #e11d48 320deg, #fef2f2 360deg);
  border: 1px solid rgba(190, 18, 60, 0.22);
}