Chromium Code Reviews| 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 |