tiled-radial-gradients-ref.html (850B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 margin: 0px; 8 } 9 10 #outer { 11 position: absolute; 12 width: 600px; 13 height: 200px; 14 background-color: aquamarine; 15 } 16 17 #left, #right { 18 position: absolute; 19 width: 300px; 20 height: 200px; 21 background-image: radial-gradient(closest-side, red 40%, transparent 40%) 22 23 } 24 #left { 25 left: 80px; 26 } 27 28 #right { 29 left: 380px; 30 } 31 </style> 32 </head> 33 <body> 34 <div id="outer"> 35 <div id="left"></div> 36 <div id="right"></div> 37 </div> 38 </body> 39 </html>