Support SVG fragment URLs in cross faded images

third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html

Index: third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
diff --git a/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html b/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
index ce6c7bd874e1f0018937c0db34de38669cd7f98d..83f91d18df398e6eafaf16a0df2f8709645046fb 100644
--- a/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
+++ b/third_party/WebKit/LayoutTests/css3/images/cross-fade-svg-size-diff.html
@@ -4,12 +4,18 @@
     #tst1 {
         width: 100px;
         height: 100px;
-        background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBox='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' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"), 0);
+        background-image: -webkit-cross-fade(
+            url("data:image/svg+xml,<svg viewBox='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' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"),
+            0);
     }
     #tst2 {
         width: 100px;
         height: 100px;
-        background-image: -webkit-cross-fade(url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"), url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></svg>"), 1);
+        background-image: -webkit-cross-fade(
+            url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='25' fill='red'/></svg>"),
+            url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></svg>"),
+            1);
     }
     #ref {
         background-image: url("data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='35' fill='green'/></svg>");
@@ -17,7 +23,7 @@
         height: 300px;
     }
 </style>
-<p>There should be three circle below. One big and two small ones.
+<p>There should be three circles below. One big and two small ones.
 <div id=ref></div>
 <div id=tst1></div>
 <div id=tst2></div>