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];