OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .square { | 4 .square { |
5 margin: 25px; | 5 margin: 25px; |
6 height: 60px; | 6 height: 60px; |
7 width: 60px; | 7 width: 60px; |
8 background-color: black; | 8 background-color: black; |
9 } | 9 } |
10 | 10 |
(...skipping 15 matching lines...) Expand all Loading... |
26 #positive { | 26 #positive { |
27 -webkit-box-shadow: 110px 0px 0px 10px #00f, | 27 -webkit-box-shadow: 110px 0px 0px 10px #00f, |
28 260px 0px 0px 15px #00d, | 28 260px 0px 0px 15px #00d, |
29 410px 0px 0px 20px #00b, | 29 410px 0px 0px 20px #00b, |
30 560px 0px 0px 25px #009; | 30 560px 0px 0px 25px #009; |
31 } | 31 } |
32 | 32 |
33 </style> | 33 </style> |
34 <script> | 34 <script> |
35 if (window.testRunner) | 35 if (window.testRunner) |
36 testRunner.dumpAsText(true); | 36 testRunner.dumpAsTextWithPixelResults(); |
37 </script> | 37 </script> |
38 </head> | 38 </head> |
39 <body> | 39 <body> |
40 <div class="square" id="negative"></div> | 40 <div class="square" id="negative"></div> |
41 <div class="square" id="positive"></div> | 41 <div class="square" id="positive"></div> |
42 <div class="rounded" id="negative"></div> | 42 <div class="rounded" id="negative"></div> |
43 <div class="rounded" id="positive"></div> | 43 <div class="rounded" id="positive"></div> |
44 </body> | 44 </body> |
45 </html> | 45 </html> |
OLD | NEW |