src/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #container {
   6       -webkit-transform: translateZ(0px);
   7       -webkit-perspective: 400;
   8     }
   9
  10     #revealed {
  11       position: absolute;
  12       left: 100px;
  13       height: 100px;
  14       width: 100px;
  15       background-color: green;
  16     }
  17
  18     #animated {
  19       position: absolute;
  20       left: 100px;
  21       height: 100px;
  22       width: 100px;
  23       background-color: red;
  24       -webkit-transform: translateZ(200px) translateX(-200px);
  25       -webkit-transform-style: preserve-3d;
  26     }
  27    </style>
  28 </head>
  29 <body>
  30   <div id="container">
  31     <div id="revealed"></div>
  32     <div id="animated"></div>
  33   </div>
  34   <div id="result">
  35     PASS - Computed final position is correct.
  36   </div>
  37 </body>
  38 </html>