3
Back

Gradient #186

repeating-conic-cyan-gear

radial-repeating-conic-cyan-gear

Copy styles

Tailwind
bg-[repeating-conic-gradient(from_60deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_96deg_at_50%_50%,#fffbeb_0deg,#fcd34d_160deg,#f59e0b_320deg,#fffbeb_360deg)] border border-solid border-[rgba(180,83,9,0.22)]
CSS3
.radial-repeating-conic-cyan-gear {

  background-image:
    repeating-conic-gradient(from 60deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 96deg at 50% 50%, #fffbeb 0deg, #fcd34d 160deg, #f59e0b 320deg, #fffbeb 360deg);
  border: 1px solid rgba(180, 83, 9, 0.22);
}