clip-path-path-interpolation-001-ref.html (512B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Masking: Reference for clip-path's path nonzero interpolation</title> 5 <style type="text/css"> 6 #rect { 7 width: 100px; 8 height: 100px; 9 background-color: green; 10 clip-path: url("#clip"); 11 } 12 </style> 13 </head> 14 <body> 15 <div id="rect"></div> 16 <svg height="0" width="0"> 17 <defs> 18 <clipPath id="clip"> 19 <path clip-rule="nonzero" d="M35,35 H90 V90 H35Z M25,25 H70 V70 H25Z"/> 20 </clipPath> 21 </defs> 22 </svg> 23 </body> 24 </html>