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 div { | |
5 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>"); | |
6 } | |
7 #tst { | |
8 width: 100px; | |
9 height: 100px; | |
10 } | |
11 #ref { | |
12 width: 300px; | |
13 height: 300px; | |
14 } | |
15 </style> | |
16 <p>There should be two green circles. One smaller than the other. | |
17 <div id=ref></div> | |
18 <div id=tst></div> | |
OLD | NEW |