f62f674df24ce38281fc263a559c607c438e482a
[WebKit-https.git] / LayoutTests / compositing / shared-backing / overflow-scroll / shared-layer-clipping-expected.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <style>
5         .container {
6             position: relative;
7             width: 200px;
8             height: 200px;
9             margin: 30px;
10             border: 3px solid black;
11             overflow: hidden;
12         }
13
14         .compositing-trigger {
15             position: absolute;
16             left: 20px;
17             top: 10px;
18             transform: translateZ(0);
19             padding: 20px;
20             background-color: gray;
21         }
22         
23         .box {
24             margin-top: 150px;
25             margin-left: 150px;
26             width: 100px;
27             height: 100px;
28             background-color: blue;
29         }
30     </style>
31 </head>
32 <body>
33     <div class="compositing-trigger"></div>
34     <div class="container">
35         <div class="box"></div>
36     </div>
37 </body>
38 </html>