layout/reftests/webm-video/object-position-webm-002-ref.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html>
   7   <head>
   8     <meta charset="utf-8">
   9     <title>CSS Reftest Reference</title>
  10     <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
  11     <style type="text/css">
  12       div {
  13         background: lightgray;
  14         margin-right: 2px;
  15         background-image: url("colors-8x16.png");
  16         background-size: contain;
  17         background-repeat: no-repeat;
  18         float: left;
  19         width: 20px;
  20         height: 20px;
  21       }
  22
  23       .op_x-7  { background-position:  -7% 50% }
  24       .op_x13  { background-position:  13% 50% }
  25       .op_x23  { background-position:  23% 50% }
  26       .op_x50  { background-position:  50% 50% }
  27       .op_x75  { background-position:  75% 50% }
  28       .op_x88  { background-position:  88% 50% }
  29       .op_x111 { background-position: 111% 50% }
  30
  31     </style>
  32   </head>
  33   <body>
  34     <div class="op_x-7"></div>
  35     <div class="op_x13"></div>
  36     <div class="op_x23"></div>
  37     <div class="op_x50"></div>
  38     <div class="op_x75"></div>
  39     <div class="op_x88"></div>
  40     <div class="op_x111"></div>
  41   </body>
  42 </html>