third_party/WebKit/LayoutTests/animations/missing-values-first-keyframe-expected.html

   1
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     body {
   7       margin: 0;
   8     }
   9
  10     .box {
  11       position: relative;
  12       width: 100px;
  13       height: 100px;
  14       left: 0;
  15       background-color: green;
  16     }
  17
  18     .indicator {
  19       position: absolute;
  20       width: 100px;
  21       height: 100px;
  22       left: 100px;
  23       background-color: red;
  24     }
  25     #indicator1 {
  26       top: 0;
  27     }
  28     #indicator2 {
  29       top: 100px;
  30     }
  31
  32     #box1 {
  33       left: 100px;
  34     }
  35
  36     #box2 {
  37       transform: translateX(100px);
  38     }
  39
  40   </style>
  41 </head>
  42 <body>
  43   <!-- In the pixel result, you should see two vertically adjacent green squares. There should be no red.
  44   Test is only reliable when run in DRT. -->
  45   <div class="indicator" id="indicator1"></div>
  46   <div class="indicator" id="indicator2"></div>
  47
  48   <div class="box" id="box1"></div>
  49   <div class="box" id="box2"></div>
  50
  51   <div id="result">
  52     PASS - "left" property for "box1" element at 0.5s saw something close to: 100<br>
  53     PASS - "webkitTransform.4" property for "box2" element at 0.5s saw something close to: 100
  54   </div>
  55 </body>
  56 </html>