third_party/WebKit/LayoutTests/css3/masking/clip-path-circle-overflow-hidden.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4  <style>
   5  .parent {
   6         width: 200px;
   7         height: 200px;
   8         overflow: hidden;
   9         -webkit-clip-path: circle(100px at 100px 100px);
  10  }
  11  .child {
  12         height: 400px;
  13         width: 200px;
  14         margin:0;
  15         padding:0;
  16         background-color: green;
  17  }
  18 </style>
  19 </head>
  20 <body>
  21 <div class="parent">
  22 <div class="child"></div>
  23 </div>
  24 </body>
  25 </html>