OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>The crossfade should appear as two *bottom* halves of a green circle,
with a paler green background.</title> | 3 <title>The crossfade should appear as two *bottom* halves of a green circle,
with a paler green background.</title> |
4 <style> | 4 <style> |
5 #image { | 5 #image { |
6 background-image: -webkit-cross-fade(url(resources/half-circles.svg), ur
l(resources/green-100.png), 50%); | 6 background-image: -webkit-cross-fade(url(resources/half-circles.svg), ur
l(resources/green-100.png), 50%); |
7 width: 100px; height: 100px; | 7 width: 100px; height: 100px; |
8 background-repeat: no-repeat; | 8 background-repeat: no-repeat; |
9 } | 9 } |
10 | 10 |
(...skipping 21 matching lines...) Expand all Loading... |
32 </head> | 32 </head> |
33 <body onload="load()"> | 33 <body onload="load()"> |
34 <div id="normal" class="container"> | 34 <div id="normal" class="container"> |
35 <div id="image"></div> | 35 <div id="image"></div> |
36 </div> | 36 </div> |
37 <div id="tiled" class="container"> | 37 <div id="tiled" class="container"> |
38 <div id="tiledImage"></div> | 38 <div id="tiledImage"></div> |
39 </div> | 39 </div> |
40 </body> | 40 </body> |
41 </html> | 41 </html> |
OLD | NEW |