CSS Animations: Reduce usage of webkit prefix in layout tests

third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html

Index: third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html
diff --git a/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html b/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html
index 681d8b2f7e56e5a73be24ac9f33c3a42671fb3f1..61c28e7b7f4603ebeee3c0c4457d185582f01e9a 100644
--- a/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html
+++ b/third_party/WebKit/LayoutTests/animations/missing-from-to-transforms.html
@@ -14,14 +14,14 @@
       width: 20px;
       transform: translateX(10px);
       background-color: blue;
-      -webkit-animation-duration: 2s;
-      -webkit-animation-timing-function: linear;
+      animation-duration: 2s;
+      animation-timing-function: linear;
     }
   
     #box1 {
-      -webkit-animation-name: anim1;
+      animation-name: anim1;
     }
-    @-webkit-keyframes anim1 {
+    @keyframes anim1 {
       from { transform: translateX(10px); }
       40% { transform: translateX(30px); }
       60% { transform: translateX(10px); }
@@ -29,10 +29,10 @@
     }
 
     #box2 {
-      -webkit-animation-name: anim2;
+      animation-name: anim2;
       background-color: red;
     }
-    @-webkit-keyframes anim2 {
+    @keyframes anim2 {
       40% { transform: translateX(30px); }
       60% { transform: translateX(10px); }
       to { transform: translateX(20px); }
@@ -40,20 +40,20 @@
 
     #box3 {
       transform: translateX(20px);
-      -webkit-animation-name: anim3;
+      animation-name: anim3;
       background-color: green;
     }
-    @-webkit-keyframes anim3 {
+    @keyframes anim3 {
       from { transform: translateX(10px); }
       40% { transform: translateX(30px); }
       60% { transform: translateX(10px); }
     }
 
     #box4 {
-      -webkit-animation-name: anim4;
+      animation-name: anim4;
       background-color: yellow;
     }
-    @-webkit-keyframes anim4 {
+    @keyframes anim4 {
       40% { transform: translateX(30px); }
       60% { transform: translateX(20px); }
     }
@@ -67,18 +67,18 @@
 
     const expectedValues = [
       // [time, element-id, property, expected-value, tolerance]
-      [0.4, "box1", "webkitTransform.4", 20, 2],
-      [1.0, "box1", "webkitTransform.4", 20, 2],
-      [1.6, "box1", "webkitTransform.4", 15, 2],
-      [0.4, "box2", "webkitTransform.4", 20, 2],
-      [1.0, "box2", "webkitTransform.4", 20, 2],
-      [1.6, "box2", "webkitTransform.4", 15, 2],
-      [0.4, "box3", "webkitTransform.4", 20, 2],
-      [1.0, "box3", "webkitTransform.4", 20, 2],
-      [1.6, "box3", "webkitTransform.4", 15, 2],
-      [0.4, "box4", "webkitTransform.4", 20, 2],
-      [1.0, "box4", "webkitTransform.4", 25, 2],
-      [1.6, "box4", "webkitTransform.4", 15, 2]
+      [0.4, "box1", "transform.4", 20, 2],
+      [1.0, "box1", "transform.4", 20, 2],
+      [1.6, "box1", "transform.4", 15, 2],
+      [0.4, "box2", "transform.4", 20, 2],
+      [1.0, "box2", "transform.4", 20, 2],
+      [1.6, "box2", "transform.4", 15, 2],
+      [0.4, "box3", "transform.4", 20, 2],
+      [1.0, "box3", "transform.4", 20, 2],
+      [1.6, "box3", "transform.4", 15, 2],
+      [0.4, "box4", "transform.4", 20, 2],
+      [1.0, "box4", "transform.4", 25, 2],
+      [1.6, "box4", "transform.4", 15, 2]
     ];
 
     runAnimationTest(expectedValues);