OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .arrow { | 5 .arrow { |
6 width: 0; | 6 width: 0; |
7 height: 0; | 7 height: 0; |
8 margin: 10px; | 8 margin: 10px; |
9 } | 9 } |
10 .left, .right{ | 10 .left, .right{ |
11 border-top: 19px solid transparent; | 11 border-top: 19px solid transparent; |
12 border-bottom: 19px solid transparent; | 12 border-bottom: 19px solid transparent; |
13 } | 13 } |
14 .up, .down{ | 14 .up, .down{ |
15 border-left: 19px solid transparent; | 15 border-left: 19px solid transparent; |
16 border-right: 19px solid transparent; | 16 border-right: 19px solid transparent; |
17 } | 17 } |
18 .right { border-left: 61px solid purple; } | 18 .right { border-left: 61px solid purple; } |
19 .left { border-right: 61px solid purple; } | 19 .left { border-right: 61px solid purple; } |
20 .up { border-bottom: 61px solid purple; } | 20 .up { border-bottom: 61px solid purple; } |
21 .down { border-top: 61px solid purple; } | 21 .down { border-top: 61px solid purple; } |
22 </style> | 22 </style> |
23 <script> | 23 <script> |
24 if (window.testRunner) testRunner.dumpAsText(true); | 24 if (window.testRunner) testRunner.dumpAsTextWithPixelResults(); |
25 </script> | 25 </script> |
26 </head> | 26 </head> |
27 <body> | 27 <body> |
28 <div class="arrow right"></div> | 28 <div class="arrow right"></div> |
29 <div class="arrow left"></div> | 29 <div class="arrow left"></div> |
30 <div class="arrow up"></div> | 30 <div class="arrow up"></div> |
31 <div class="arrow down"></div> | 31 <div class="arrow down"></div> |
32 </body> | 32 </body> |
33 </html> | 33 </html> |
OLD | NEW |