OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title> | |
3 <style> | |
4 #tst { | |
5 width: 100px; | |
6 height: 100px; | |
7 background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBo x='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35 ' fill='green'/></svg>"), url("data:image/svg+xml,<svg viewBox='0 0 100 100' xml ns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='green'/></s vg>"), 0); | |
fs
2016/01/11 15:26:46
(A test with the 'percentage' argument having a va
davve
2016/01/11 16:02:43
Done.
fs
2016/01/11 16:05:44
Thanks.
| |
8 } | |
9 #ref { | |
10 background-image: url("data:image/svg+xml,<svg viewBox='0 0 100 100' xml ns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></s vg>"); | |
11 width: 300px; | |
12 height: 300px; | |
13 } | |
14 </style> | |
15 <p>There should be two green circles. One smaller than the other. | |
16 <div id=ref></div> | |
17 <div id=tst></div> | |
OLD | NEW |