CSS Animations: Fix flaky change-keyframes-name.html

third_party/WebKit/LayoutTests/animations/change-keyframes-name.html

Index: third_party/WebKit/LayoutTests/animations/change-keyframes-name.html
diff --git a/third_party/WebKit/LayoutTests/animations/change-keyframes-name.html b/third_party/WebKit/LayoutTests/animations/change-keyframes-name.html
index 909f7b16a1436c6ba4db90436e158f362d9cd956..227436622dd92cdbdaa4d1c0f274abcd6d0a6399 100644
--- a/third_party/WebKit/LayoutTests/animations/change-keyframes-name.html
+++ b/third_party/WebKit/LayoutTests/animations/change-keyframes-name.html
@@ -19,8 +19,8 @@
     }
     @-webkit-keyframes foo {
         from { left: 100px; }
-        40%  { left: 200px; }
-        60%  { left: 200px; }
+        10%  { left: 200px; }
+        90%  { left: 200px; }
         to   { left: 300px; }
     }
     </style>
@@ -29,7 +29,7 @@
     
     const expectedValues = [
       // [time, element-id, property, expected-value, tolerance]
-      [0.25, "box", "left", 200, 20],
+      [0.25, "box", "left", 200, 0],

[suzyh_UTC10 (ex-contributor), 2017/01/04 23:29:49]

To make this "0.25" time easier to understand, let's make the animation duration
a nice round 1s and change "0.25" to "0.5".

     ];
 
     function findKeyframesRule(rule)