หากต้องการทำซ้ำการไล่ระดับสีเชิงเส้นด้วย CSS ให้ใช้ฟังก์ชัน repeating-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>