CSS로 선형 그래디언트를 반복하려면 repeat-linear-gradient() 함수를 사용하세요. 다음 코드를 실행하여 구현할 수 있습니다.
예
<!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>