tiled-gradients.html (769B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Eight Red Triangles on White Ground (with gradients)</title> 6 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size"> 7 <meta name="assert" content="Gradients are correctly repeated."> 8 <meta name="fuzzy" content="0-255; 0-564"> 9 <link rel="match" href="tiled-gradients-ref.html"> 10 <style> 11 #gradient { 12 width: 400px; 13 height: 200px; 14 background-size: 25% 50%; 15 background-image: linear-gradient(to bottom left, red 50%, transparent 50%); 16 } 17 </style> 18 </head> 19 <body> 20 <div id="gradient"></div> 21 </body> 22 </html>