Gradient #181

repeating-conic-lagoon-dial

radial-repeating-conic-lagoon-dial

Copy styles

Tailwind

bg-[repeating-conic-gradient(from_10deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_16deg_at_50%_50%,#fff7ed_0deg,#fdba74_160deg,#f97316_320deg,#fff7ed_360deg)] border border-solid border-[rgba(194,65,12,0.22)]

CSS3

.radial-repeating-conic-lagoon-dial {

  background-image:
    repeating-conic-gradient(from 10deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 16deg at 50% 50%, #fff7ed 0deg, #fdba74 160deg, #f97316 320deg, #fff7ed 360deg);
  border: 1px solid rgba(194, 65, 12, 0.22);
}