CSS में repeating-radial-gradient() फ़ंक्शन का उपयोग

repeating-radial-gradient() फ़ंक्शन का उपयोग रेडियल ग्रेडिएंट को दोहराने के लिए किया जाता है। यह एक केंद्र बिंदु से बाहर की ओर दोहराता हुआ पैटर्न बनाता है।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      #demo { 
        height: 300px; 
        background: repeating-radial-gradient(green 20%, orange 40%, maroon 40%); 
      } 
    </style> 
  </head> 
  <body> 
    <p>दोहराता हुआ रेडियल ग्रेडिएंट</p> 
    <div id="demo"></div> 
  </body> 
</html>

व्याख्या: ग्रेडिएंट केंद्र से शुरू होता है: हरा (20%), नारंगी (40%), मैरून (40%)। चूंकि अंतिम दो स्टॉप समान स्थिति पर हैं, यह तीखे छल्ले बनाता है जो बाहर की ओर दोहराते हैं।