REGRESSION(r217695): Offscreen/overflowed items not being rendered while translating...
[WebKit-https.git] / LayoutTests / compositing / hidpi-compositing-layer-with-subpixel-offset-accumulation-clipping.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title>This tests that clipping on composited layer works properly..</title>
5     <style>
6         .container {
7             position: relative;
8             margin: 10px;
9             width: 200px;
10             height: 200px;
11             padding: 0.5px;
12             border: 0.5px solid black;
13             overflow: hidden;
14             -webkit-transform: translateZ(0);
15             display: inline-block;
16         }
17         
18         .contents {
19             width: 200px;
20             height: 300px;
21             background-color: blue;
22         }
23     </style>
24 </head>
25 <body>
26     <div class="container">
27         <div class="contents"></div>
28     </div>
29
30     <div class="container" style="left: 0.3px; top: 0.3px;">
31         <div class="contents"></div>
32     </div>
33
34     <div class="container" style="left: 0.15px; top: 0.15px;">
35         <div class="contents"></div>
36     </div>
37
38     <div class="container" style="left: 0.6px; top: 0.6px;">
39         <div class="contents"></div>
40     </div>
41
42     <div class="container" style="left: 0.8px; top: 0.8px;">
43         <div class="contents"></div>
44     </div>
45 </body>
46 </html>