third_party/WebKit/LayoutTests/fast/layers/overflow-hidden-clip-path-occlusion.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4     Test that verifies that clip paths with overflow:hidden composite correctly. <br>
   5     This page should show a green circle inside a yellow box.
   6     <div style="width:100px; height:100px; background-color:yellow;">
   7         <div style="width:100px; height:100px; background-color:red; -webkit-clip-path: circle(50px, 50px, 50px); overflow:hidden">
   8             <div style="width:100px; height:100px; background-color:green;"></div>
   9         </div>
  10     </div>
  11 </body>
  12 </html>