OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title> | 2 <title>Test SVG in -webkit-cross-fade image with identical but differently sized SVG elsewhere</title> |
3 <style> | 3 <style> |
4 div { | 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>"); | 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 } | 6 } |
7 .tst { | 7 .tst { |
8 width: 100px; | 8 width: 100px; |
9 height: 100px; | 9 height: 100px; |
10 } | 10 } |
11 #ref { | 11 #ref { |
12 width: 300px; | 12 width: 300px; |
13 height: 300px; | 13 height: 300px; |
14 } | 14 } |
15 </style> | 15 </style> |
16 <p>There should be three circle below. One big and two small ones. | 16 <p>There should be three circles below. One big and two small ones. |
17 <div id=ref></div> | 17 <div id=ref></div> |
18 <div class=tst></div> | 18 <div class=tst></div> |
19 <div class=tst></div> | 19 <div class=tst></div> |
OLD | NEW |