Instructions

Repeating Conic Gradient Syntax


selector {
 background: repeating-conic-gradient(
    from <start-angle>,
    <color-stop-1> <angle-1>,
    <color-stop-2> <angle-2>'',
    ...
  );
}

background: repeating-conic-gradient(from 0deg, red, orange, yellow, green, blue 50%);
background: repeating-conic-gradient(from 3deg at 25% 25%, green, blue 2deg 5deg, green, yellow 15deg 18deg, green 20deg);
background: repeating-conic-gradient(from 3deg at 25% 25%, hsl(200, 100%, 50%) 0deg 15deg, hsl(200, 100%, 60%) 10deg 30deg);
background: repeating-conic-gradient(from 45deg at 10% 50%, brown 0deg 10deg, darkgoldenrod 10deg 20deg, chocolate 20deg 30deg);
Your Gradient CSS: background: [gradient];

Conic Gradient

from
at