Update To 11.40.268.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / compositing / backface-visibility / backface-visibility-3d.html
index 3e7e53f..ef2a7d3 100644 (file)
@@ -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>