| <!doctype html> |
| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| </script> |
| <style> |
| div { |
| width: 500px; |
| height: 200px; |
| margin: 30px 30px 20px 30px; |
| background: blue; |
| padding: 0px; |
| } |
| |
| .neg-shadow { |
| box-shadow: 260px 30px 0px -10px lime; |
| } |
| |
| .rounded1 { |
| /* 191px triggers the square shadow 190px doesn't | 200px triggers the missing section of shadow and a square shadow; 199px doesn't but keeps the square */ |
| border-radius: 0 0 200px 0; |
| } |
| </style> |
| </head> |
| <body> |
| <!--[bug 72103] Test box-shadow with negative spread. Even if the spread is negative, the shadow's shape should not be a rectangle. The box shadow should be rounded.--> |
| <div class="neg-shadow rounded1"></div> |
| </body> |
| </html> |
