CSS filters: fix filtered parent with animated transform child.

third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html

Index: third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
similarity index 51%
copy from third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html
copy to third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
index dacd912e7e6d8db61e989b213d653220c984c772..b0a1135c3d76bb2b6e789e272a1bb0c0b4a2218a 100644
--- a/third_party/WebKit/LayoutTests/css3/filters/filter-region-transformed-child.html
+++ b/third_party/WebKit/LayoutTests/css3/filters/filter-region-animated-child.html
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
   <defs>
-    <filter id="filter" x="25%" y="0%" width="50%" height="100%">
+    <filter id="filter">
       <feComponentTransfer>
         <feFuncR type="linear" intercept="0" slope="1"/>
         <feFuncG type="linear" intercept="0" slope="0"/>
@@ -14,14 +14,33 @@
 #parent {
     display: inline-block;
     filter: url(#filter);
-    -webkit-filter: url(#filter);
 }
 #child {
     background-color: gray;
     width: 50px;
     height: 50px;
-    transform: translate(25px, 25px) scale(2);
-    -webkit-transform: translate(25px, 25px) scale(2);
+    transition: transform 1s;
+    will-change: transform;
+}
+.trigger {
+    transform: translate(0px, 100px);
 }
 </style>
+<script>
+    if (window.testRunner) {
+        testRunner.waitUntilDone();
+    }
+
+    function triggerTransition() {
+        var child = document.getElementById('child');
+        child.className = "trigger";
+        if (window.testRunner) {
+            child.addEventListener( 
+               'transitionend', function() { testRunner.notifyDone(); });
+        }
+    }
+
+    window.addEventListener("load", triggerTransition, false);
+</script>
+
 <div id="parent"><div id="child"></div></div>