CSS के साथ लीनियर ग्रेडिएंट दोहराने के लिए, रिपीटिंग-लीनियर-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#demo {
height: 100px;
background: repeating-linear-gradient(red, yellow 30%, green 30%);
}
</style>
</head>
<body>
<h2>Linear Gradient</h2>
<div id = "demo">Repeating Linear Gradients</div><br>
</body>
</html>