box-shadows get truncated with a combination of transforms and clip: (affects Google...
[WebKit-https.git] / LayoutTests / compositing / geometry / css-clip-oversize-expected.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style>
6         .parent {
7             position: absolute;
8             height: 100px;
9             width: 500px;
10             margin: 50px;
11             background: silver;
12             clip: rect(0px, 520px, 600px, -20px); /* top, right, bottom, left */
13             -webkit-transform: translateZ(0);
14         }        
15
16         .child {
17             position: absolute;
18             top: 50px;
19             height: 100px;
20             width: 400px;
21             background: #ffea61;
22             box-shadow: 0 0 50px black;
23         }
24     </style>
25 </head>
26 <body>
27     <div class="shared parent">
28       <div class="shared child"></div>
29     </div>
30 </body>
31 </html>