| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <style> | 2 <style> |
| 3 div | 3 div |
| 4 { | 4 { |
| 5 width: 100px; | 5 width: 100px; |
| 6 height: 100px; | 6 height: 100px; |
| 7 margin: 10px; | 7 margin: 10px; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <script> | 10 <script> |
| 11 if(window.testRunner) | 11 if(window.testRunner) |
| 12 » testRunner.waitUntilDone(); | 12 » testRunner.waitUntilDone(); |
| 13 | 13 |
| 14 setTimeout(function() { | 14 window.onload = function() { |
| 15 » if(window.testRunner) | 15 setTimeout(function() { |
| 16 » » testRunner.notifyDone(); | 16 » if(window.testRunner) |
| 17 }, 200); | 17 » » testRunner.notifyDone(); |
| 18 }, 100); |
| 19 } |
| 18 </script> | 20 </script> |
| 19 <!--The first cross-fade should appear as a light green square with a darker gre
en circle inside it.--> | 21 <!-- The cross-fade should appear as a light green square with a darker green ci
rcle inside it. --> |
| 22 <!-- The green-circle.svg content is a circle with animated fill from red to gre
en taking 10ms. --> |
| 20 <div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg)
, url(resources/green-100.png), 50%);"></div> | 23 <div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg)
, url(resources/green-100.png), 50%);"></div> |
| 21 </html> | 24 </html> |
| OLD | NEW |