Alternate approach for https://codereview.chromium.org/1493883002/

third_party/WebKit/LayoutTests/canvas/resources/green-flash-at-50ms.svg

Index: third_party/WebKit/LayoutTests/canvas/resources/green-flash-at-50ms.svg
diff --git a/third_party/WebKit/LayoutTests/svg/repaint/resources/animate-center.svg b/third_party/WebKit/LayoutTests/canvas/resources/green-flash-at-50ms.svg
similarity index 50%
copy from third_party/WebKit/LayoutTests/svg/repaint/resources/animate-center.svg
copy to third_party/WebKit/LayoutTests/canvas/resources/green-flash-at-50ms.svg
index 150869feaade3bf8e534973c967f94e03c8dad3d..f9099b741d9cb4f43cfe154db99a00ce8d3b856e 100644
--- a/third_party/WebKit/LayoutTests/svg/repaint/resources/animate-center.svg
+++ b/third_party/WebKit/LayoutTests/canvas/resources/green-flash-at-50ms.svg
@@ -1,19 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
   <defs>
     <style type="text/css"><![CDATA[
       #square {
         fill: red;
-        -webkit-animation: keyframes 0.01s;
+        -webkit-animation: keyframes 0.05s;
         -webkit-animation-fill-mode: forwards;
         -webkit-animation-timing-function: step-end;
       }
       @-webkit-keyframes keyframes {
-        0% { fill: pink }
-        /* To prevent flakiness, rapidly switch to green */
-        1% { fill: green }
+        0% { fill: blue }
+        99% { fill: blue }
         100% { fill: green }
       }
     ]]></style>
   </defs>
-  <rect id="square" width="5" height="5" x="5" y="5"></rect>
-</svg>
+  <rect id="square" width="100" height="100" x="0" y="0"></rect>
+</svg>