Gradient #187

repeating-conic-amber-shard

radial-repeating-conic-amber-shard

Copy styles

Tailwind

bg-[repeating-conic-gradient(from_70deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_112deg_at_50%_50%,#f0fdfa_0deg,#5eead4_160deg,#0d9488_320deg,#f0fdfa_360deg)] border border-solid border-[rgba(13,148,136,0.22)]

CSS3

.radial-repeating-conic-amber-shard {

  background-image:
    repeating-conic-gradient(from 70deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 112deg at 50% 50%, #f0fdfa 0deg, #5eead4 160deg, #0d9488 320deg, #f0fdfa 360deg);
  border: 1px solid rgba(13, 148, 136, 0.22);
}