| 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 |