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 |