3
Back

Gradient #188

repeating-conic-indigo-arc

radial-repeating-conic-indigo-arc

Copy styles

Tailwind
bg-[repeating-conic-gradient(from_80deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_128deg_at_50%_50%,#eef2ff_0deg,#818cf8_160deg,#4f46e5_320deg,#eef2ff_360deg)] border border-solid border-[rgba(67,56,202,0.22)]
CSS3
.radial-repeating-conic-indigo-arc {

  background-image:
    repeating-conic-gradient(from 80deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 128deg at 50% 50%, #eef2ff 0deg, #818cf8 160deg, #4f46e5 320deg, #eef2ff 360deg);
  border: 1px solid rgba(67, 56, 202, 0.22);
}