Gradient #185

repeating-conic-coral-sprocket

radial-repeating-conic-coral-sprocket

Copy styles

Tailwind

bg-[repeating-conic-gradient(from_50deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_80deg_at_50%_50%,#fdf2f8_0deg,#f9a8d4_160deg,#db2777_320deg,#fdf2f8_360deg)] border border-solid border-[rgba(190,24,93,0.22)]

CSS3

.radial-repeating-conic-coral-sprocket {

  background-image:
    repeating-conic-gradient(from 50deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 80deg at 50% 50%, #fdf2f8 0deg, #f9a8d4 160deg, #db2777 320deg, #fdf2f8 360deg);
  border: 1px solid rgba(190, 24, 93, 0.22);
}