Cách lặp lại gradient tuyến tính với CSS

Để lặp lại gradient tuyến tính với CSS, hãy sử dụng hàm repeating-linear-gradient(). Bạn có thể chạy mã sau để triển khai nó:

Ví dụ

<!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>