tiled-conic-gradients.html (613B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Checkerboard using conic gradients</title> 4 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size"> 5 <meta name="assert" content="Gradients are correctly repeated."> 6 <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-40000"> 7 <link rel="match" href="tiled-conic-gradients-ref.html"> 8 <style> 9 #gradient { 10 width: 200px; 11 height: 200px; 12 background-color: red; 13 background-size: 20% 20%; 14 background-image: conic-gradient(black 0 25%, white 0 50%, black 0 75%, white 0); 15 } 16 </style> 17 <div id="gradient"></div>