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 setTimeout(function() { |
15 if(window.testRunner) | 15 if(window.testRunner) |
16 testRunner.notifyDone(); | 16 testRunner.notifyDone(); |
17 }, 200); | 17 }, 200); |
18 </script> | 18 </script> |
19 <!--The first cross-fade should appear as a light green square with a darker gre
en circle inside it.--> | 19 <!--The first cross-fade should appear as a light green square with a darker gre
en circle inside it.--> |
20 <div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg)
, url(resources/green-100.png), 50%);"></div> | 20 <div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg)
, url(resources/green-100.png), 50%);"></div> |
21 </html> | 21 </html> |
OLD | NEW |