OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.dumpAsText(true); | 6 testRunner.dumpAsTextWithPixelResults(); |
7 </script> | 7 </script> |
8 <style> | 8 <style> |
9 div { | 9 div { |
10 width: 500px; | 10 width: 500px; |
11 height: 200px; | 11 height: 200px; |
12 margin: 30px 30px 20px 30px; | 12 margin: 30px 30px 20px 30px; |
13 background: blue; | 13 background: blue; |
14 padding: 0px; | 14 padding: 0px; |
15 } | 15 } |
16 | 16 |
17 .neg-shadow { | 17 .neg-shadow { |
18 box-shadow: 260px 30px 0px -10px lime; | 18 box-shadow: 260px 30px 0px -10px lime; |
19 } | 19 } |
20 | 20 |
21 .rounded1 { | 21 .rounded1 { |
22 /* 191px triggers the square shadow 190px doesn't | 200px triggers the missin
g section of shadow and a square shadow; 199px doesn't but keeps the square */ | 22 /* 191px triggers the square shadow 190px doesn't | 200px triggers the missin
g section of shadow and a square shadow; 199px doesn't but keeps the square */ |
23 border-radius: 0 0 200px 0; | 23 border-radius: 0 0 200px 0; |
24 } | 24 } |
25 </style> | 25 </style> |
26 </head> | 26 </head> |
27 <body> | 27 <body> |
28 <!--[bug 72103] Test box-shadow with negative spread. Even if the spread is nega
tive, the shadow's shape should not be a rectangle. The box shadow should be rou
nded.--> | 28 <!--[bug 72103] Test box-shadow with negative spread. Even if the spread is nega
tive, the shadow's shape should not be a rectangle. The box shadow should be rou
nded.--> |
29 <div class="neg-shadow rounded1"></div> | 29 <div class="neg-shadow rounded1"></div> |
30 </body> | 30 </body> |
31 </html> | 31 </html> |
OLD | NEW |