การทำซ้ำ Linear Gradient ใน CSS

ใช้เมธอด repeating-linear-gradient() เพื่อทำซ้ำ Linear Gradient

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำฟังก์ชัน repeating-linear-gradient() ไปใช้ใน 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>