| Index: third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style-expected.html
|
| diff --git a/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style-expected.html b/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..9968d4f861490c35ebe07837a491c23696f5b8d4
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/compositing/overflow-trumps-transform-style-expected.html
|
| @@ -0,0 +1,45 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +#root {
|
| + transform-style: preserve-3d;
|
| +}
|
| +
|
| +#transparent {
|
| + overflow: hidden;
|
| + width: 100px;
|
| + height: 100px;
|
| + background: red;
|
| + transform: translate3d(0,0,30px);
|
| +}
|
| +
|
| +#child1 {
|
| + width: 100px;
|
| + height: 100px;
|
| + background: green;
|
| + transform: translate3d(50px,0,-20px);
|
| +}
|
| +
|
| +#child2 {
|
| + width: 80px;
|
| + height: 80px;
|
| + background: black;
|
| + transform: translate3d(35px,-60px,-30px);
|
| +}
|
| +
|
| +#sibling {
|
| + width: 100px;
|
| + height: 100px;
|
| + background: blue;
|
| + transform: translate3d(25px,-50px,20px);
|
| +}
|
| +</style>
|
| +<div id="root">
|
| + <div id="transparent">
|
| + <div id="child1"></div>
|
| + <div id="child2"></div>
|
| + </div>
|
| + <div id="sibling"></div>
|
| +</div>
|
| +The purpose of this test is to verify that overflow clipping forces the used value of
|
| +transform-style to be flat. The rendered result should be the same as if
|
| +transform-style:preserve-3d was not specified on the clipping element.
|
|
|