tiled-gradients-ref.html (784B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .bar { 7 width: 400px; 8 height: 100px; 9 } 10 .box { 11 display: inline-block; 12 width: 100px; 13 height: 100px; 14 border: 0px; 15 background-image: linear-gradient(to bottom left, red 50%, transparent 50%); 16 } 17 18 </style> 19 </head> 20 <body> 21 <div class="bar"> 22 <div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div> 23 </div> 24 <div class="bar"> 25 <div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div> 26 </div> 27 </body> 28 </html>