Cách sử dụng hàm repeating-linear-gradient() trong CSS

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

Ví dụ

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

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