clip-path-shape-003-ref.html (463B)
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 10 10 Q 40 0 60 20 T 90 0 c 10 40 20 20 -20 60 s -10 70 -40 -10"); 13 } 14 </style> 15 <body> 16 <div id="ref"></div> 17 </body> 18 </html>