third_party/WebKit/LayoutTests/animations/cross-fade-background-image-expected.html

   1 <html>
   2 <head>
   3   <style>
   4     #box {
   5         position: absolute;
   6         left: 100px;
   7         top: 100px;
   8         height: 100px;
   9         width: 100px;
  10         background-color: red;
  11         background-image: -webkit-cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%);
  12     }
  13     #boxShorthand {
  14         position: absolute;
  15         left: 100px;
  16         top: 200px;
  17         height: 100px;
  18         width: 100px;
  19         background-color: red;
  20         background-image: -webkit-cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%);
  21     }
  22     #boxStatic {
  23         position: absolute;
  24         left: 100px;
  25         top: 300px;
  26         height: 100px;
  27         width: 100px;
  28         background-color: red;
  29         background-image: -webkit-cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%);
  30     }
  31   </style>
  32 </head>
  33 <body>
  34 <div id="box"></div>
  35 <div id="boxStatic"></div>
  36 <div id="boxShorthand"></div>
  37 <div id="result">
  38 PASS - "backgroundImage" property for "box" and "boxStatic" elements at 2.5s are close enough to each other<br>
  39 PASS - "backgroundImage" property for "boxShorthand" and "boxStatic" elements at 2.5s are close enough to each other
  40 </div>
  41 </body>
  42 </html>