Lặp lại gradient tuyến tính với CSS

Sử dụng phương thức repeating-linear-gradient() để lặp lại gradient tuyến tính.

Bạn có thể chạy mã sau để triển khai hàm repeating-linear-gradient() trong CSS:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 300px;             background: repeating-linear-gradient(green 20%, orange 40%, maroon 40%);          }          </style>    </head>    <body>       <p>Repeating linear gradient.</p>       <div id = "demo"></div>    </body> </html>