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