clip-path-shape-004-ref.html (468B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Reference of CSS Masking: Test clip-path property and shape function with nonzero fill</title> 5 <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-shape"> 6 </head> 7 <style> 8 #ref { 9 width: 100px; 10 height: 100px; 11 background-color: green; 12 clip-path: path(nonzero, "M 20 20 A 25 12 0 0 1 80 20 a 33 33 120 1 1 -40 50 A 20 25 0 0 0 20 20"); 13 } 14 </style> 15 <body> 16 <div id="ref"></div> 17 </body> 18 </html>