corner-joins-2-ref.xhtml (642B)
1 <?xml version="1.0"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>border</title> 5 <style type="text/css"> 6 7 body { 8 filter: url('../filters.svg#NonWhiteToBlack'); 9 } 10 11 body > div { 12 /* filter doesn't change alpha */ 13 background: white; 14 } 15 16 div.test { 17 width: 154px; 18 height: 142px; 19 border-radius: 72px; 20 background: black; 21 } 22 23 </style> 24 </head> 25 <body> 26 <div> 27 <div class="test"></div> 28 </div> 29 <svg xmlns="http://www.w3.org/2000/svg" 30 xmlns:xlink="http://www.w3.org/1999/xlink" 31 version="1.1"> 32 <!-- use an empty g to force filters.svg to load before onload --> 33 <use xlink:href="../filters.svg#empty" /> 34 </svg> 35 </body> 36 </html>