clip-path-document-element.html (706B)
1 <!DOCTYPE html> 2 <style> 3 html { 4 background: red; 5 /* an "L" shape */ 6 clip-path: polygon(50px 50px, 100px 50px, 100px 100px, 150px 100px, 150px 150px, 50px 150px); 7 } 8 div { 9 width: 500px; 10 height: 500px; 11 background: green; 12 } 13 </style> 14 <link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path"> 15 <link rel="help" href="https://drafts.fxtf.org/compositing/#rootgroup"> 16 <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> 17 <link rel="match" href="reference/clip-path-document-element-ref.html"> 18 <meta name="assert" content="Clip-path on the document element applies to the root background. 19 The test passes if there is a green 'L' shape without red."> 20 <div></div>