gradient-repeat-spaced-with-borders.html (361B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Spaced Gradient</title> 4 <style> 5 #foo { 6 width: calc(4 * 30px + 3 * 5px); 7 height: calc(4 * 30px + 3 * 5px); 8 background: radial-gradient(transparent 50%, #36c 50%); 9 background-size: 30px 30px; 10 background-repeat: space; 11 } 12 </style> 13 <body> 14 <div id="foo"></div> 15 </body>