| Index: LayoutTests/compositing/backface-visibility/backface-visibility-3d.html
|
| diff --git a/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html b/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html
|
| index 3e7e53f478add2d8c8e7c84c5cb2099ec1b5dfba..ef2a7d39cc32969adb543f3b8eef7d0951a80d0a 100644
|
| --- a/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html
|
| +++ b/LayoutTests/compositing/backface-visibility/backface-visibility-3d.html
|
| @@ -66,8 +66,8 @@
|
| <!-- The blue div is a 3d rendering context, containing the lime div. No back faces are
|
| visible, so we should see all three divs. -->
|
| <div class="large green" id="testCase1">
|
| - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d">
|
| - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(0deg)">
|
| + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(0deg); -webkit-transform-style: preserve-3d">
|
| + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(0deg)">
|
| </div>
|
| </div>
|
| </div>
|
| @@ -76,8 +76,8 @@
|
| inherit the blue div's transform, so both divs are showing their backface and both
|
| should disappear. -->
|
| <div class="large green" id="testCase2">
|
| - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d">
|
| - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(0deg)">
|
| + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(180deg); -webkit-transform-style: preserve-3d">
|
| + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(0deg)">
|
| </div>
|
| </div>
|
| </div>
|
| @@ -85,8 +85,8 @@
|
| <!-- The blue div is a 3d rendering context, containing the lime div. The lime div should
|
| become invisible when it shows its backface. -->
|
| <div class="large green" id="testCase3">
|
| - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d">
|
| - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(180deg)">
|
| + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(0deg); -webkit-transform-style: preserve-3d">
|
| + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(180deg)">
|
| </div>
|
| </div>
|
| </div>
|
| @@ -96,8 +96,8 @@
|
| around X), its shows its front face and should be visible. This happens BEFORE the
|
| lime div flattens to the rendering context, so the lime div should remain visible. -->
|
| <div id="testCase4" class="large green">
|
| - <div class="medium blue" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d">
|
| - <div class="small lime" style="-webkit-backface-visibility: hidden; -webkit-transform: rotateX(180deg)">
|
| + <div class="medium blue" style="-webkit-backface-visibility: hidden; transform: rotateY(180deg); -webkit-transform-style: preserve-3d">
|
| + <div class="small lime" style="-webkit-backface-visibility: hidden; transform: rotateX(180deg)">
|
| </div>
|
| </div>
|
| </div>
|
|
|