| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 h2 { | 6 h2 { |
| 7 font-size: 12pt; | 7 font-size: 12pt; |
| 8 margin: 2px; | 8 margin: 2px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 62 background-image: -moz-linear-gradient(left, red, green 100px, yellow 50%,
blue); | 62 background-image: -moz-linear-gradient(left, red, green 100px, yellow 50%,
blue); |
| 63 } | 63 } |
| 64 | 64 |
| 65 .linear8 { | 65 .linear8 { |
| 66 background-image: -webkit-linear-gradient(left, red, green 100px, yellow 5
0%, blue); | 66 background-image: -webkit-linear-gradient(left, red, green 100px, yellow 5
0%, blue); |
| 67 background-image: -moz-linear-gradient(left, red, green 100px, yellow 50%,
blue); | 67 background-image: -moz-linear-gradient(left, red, green 100px, yellow 50%,
blue); |
| 68 } | 68 } |
| 69 </style> | 69 </style> |
| 70 <script type="text/javascript" charset="utf-8"> | 70 <script type="text/javascript" charset="utf-8"> |
| 71 if (window.testRunner) { | 71 if (window.testRunner) { |
| 72 var dumpPixels = true; | 72 testRunner.dumpAsTextWithPixelResults(); |
| 73 testRunner.dumpAsText(dumpPixels); | |
| 74 } | 73 } |
| 75 </script> | 74 </script> |
| 76 </head> | 75 </head> |
| 77 <body> | 76 <body> |
| 78 | 77 |
| 79 <h2>These should look the same</h2> | 78 <h2>These should look the same</h2> |
| 80 <div class="container"> | 79 <div class="container"> |
| 81 <div class="linear1 box"></div> | 80 <div class="linear1 box"></div> |
| 82 <div class="linear2 box"></div> | 81 <div class="linear2 box"></div> |
| 83 </div> | 82 </div> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 95 </div> | 94 </div> |
| 96 | 95 |
| 97 <h2>Should see a sharp green/yellow transition in the right box</h2> | 96 <h2>Should see a sharp green/yellow transition in the right box</h2> |
| 98 <div class="container"> | 97 <div class="container"> |
| 99 <div class="linear7 box"></div> | 98 <div class="linear7 box"></div> |
| 100 <div class="linear8 box" style="width: 200px;"></div> | 99 <div class="linear8 box" style="width: 200px;"></div> |
| 101 </div> | 100 </div> |
| 102 | 101 |
| 103 </body> | 102 </body> |
| 104 </html> | 103 </html> |
| OLD | NEW |