third_party/WebKit/LayoutTests/fast/box-shadow/no-blur-multiple-offsets.html

   1 <html>
   2 <body>
   3     <style>
   4         .testbox
   5         {
   6             display: inline-block;
   7             text-align: center;
   8             margin: 10px;
   9             width: 100px;
  10             height: 100px;
  11             background: white;
  12         }
  13         #container
  14         {
  15             width: 500px;
  16         }
  17     </style>
  18     <script>
  19         if (window.testRunner)
  20             window.testRunner.dumpAsTextWithPixelResults();
  21     </script>
  22     Divs with green no-blur shadows and offsets (x,y) listed.
  23     <div id="container">
  24         <div class="testbox" style="-webkit-box-shadow: green -1px -1px;">(-1,-1)</div>
  25         <div class="testbox" style="-webkit-box-shadow: green 1px 1px;">(1,1)</div>
  26         <div class="testbox" style="-webkit-box-shadow: green -1px 1px;">(-1,1)</div>
  27         <div class="testbox" style="-webkit-box-shadow: green 1px -1px;">(1,-1)</div>
  28         <div class="testbox" style="-webkit-box-shadow: green -2px -2px;">(-2,-2)</div>
  29         <div class="testbox" style="-webkit-box-shadow: green 2px 2px;">(2,2)</div>
  30         <div class="testbox" style="-webkit-box-shadow: green -2px 2px;">(-2,2)</div>
  31         <div class="testbox" style="-webkit-box-shadow: green 2px -2px;">(2,-2)</div>
  32         <div class="testbox" style="-webkit-box-shadow: green -3px -3px;">(-3,-3)</div>
  33         <div class="testbox" style="-webkit-box-shadow: green 3px 3px;">(3,3)</div>
  34         <div class="testbox" style="-webkit-box-shadow: green -3px 3px;">(-3,3)</div>
  35         <div class="testbox" style="-webkit-box-shadow: green 3px -3px;">(3,-3)</div>
  36         <div class="testbox" style="-webkit-box-shadow: green -4px -4px;">(-4,-4)</div>
  37         <div class="testbox" style="-webkit-box-shadow: green 4px 4px;">(4,4)</div>
  38         <div class="testbox" style="-webkit-box-shadow: green -4px 4px;">(-4,4)</div>
  39         <div class="testbox" style="-webkit-box-shadow: green 4px -4px;">(4,-4)</div>
  40     </div>
  41 </body>
  42 </html>