clip-path-document-element-will-change.html (732B)
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 will-change: transform; 8 } 9 div { 10 width: 500px; 11 height: 500px; 12 background: green; 13 } 14 </style> 15 <link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path"> 16 <link rel="help" href="https://drafts.fxtf.org/compositing/#rootgroup"> 17 <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> 18 <link rel="match" href="reference/clip-path-document-element-ref.html"> 19 <meta name="assert" content="Clip-path on the document element applies to the root background. 20 The test passes if there is a green 'L' shape without red."> 21 <div></div>