| <html> |
| <body> |
| <style> |
| .testbox |
| { |
| display: inline-block; |
| text-align: center; |
| margin: 10px; |
| width: 100px; |
| height: 100px; |
| background: white; |
| } |
| #container |
| { |
| width: 500px; |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| </script> |
| Divs with green no-blur shadows and offsets (x,y) listed. |
| <div id="container"> |
| <div class="testbox" style="-webkit-box-shadow: green -1px -1px;">(-1,-1)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 1px 1px;">(1,1)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -1px 1px;">(-1,1)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 1px -1px;">(1,-1)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -2px -2px;">(-2,-2)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 2px 2px;">(2,2)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -2px 2px;">(-2,2)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 2px -2px;">(2,-2)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -3px -3px;">(-3,-3)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 3px 3px;">(3,3)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -3px 3px;">(-3,3)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 3px -3px;">(3,-3)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -4px -4px;">(-4,-4)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 4px 4px;">(4,4)</div> |
| <div class="testbox" style="-webkit-box-shadow: green -4px 4px;">(-4,4)</div> |
| <div class="testbox" style="-webkit-box-shadow: green 4px -4px;">(4,-4)</div> |
| </div> |
| </body> |
| </html> |
