3
Back

Gradient #180

repeating-conic-prism-tick

radial-repeating-conic-prism-tick

Copy styles

Tailwind
bg-[repeating-conic-gradient(from_0deg_at_50%_50%,rgba(255,255,255,0.32)_0deg_12deg,rgba(255,255,255,0)_12deg_24deg),conic-gradient(from_0deg_at_50%_50%,#ecfeff_0deg,#67e8f9_160deg,#0ea5e9_320deg,#ecfeff_360deg)] border border-solid border-[rgba(14,116,144,0.22)]
CSS3
.radial-repeating-conic-prism-tick {

  background-image:
    repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,0.32) 0deg 12deg, rgba(255,255,255,0) 12deg 24deg),
    conic-gradient(from 0deg at 50% 50%, #ecfeff 0deg, #67e8f9 160deg, #0ea5e9 320deg, #ecfeff 360deg);
  border: 1px solid rgba(14, 116, 144, 0.22);
}