CSS Animations: Reduce usage of webkit prefix in layout tests

third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html

Index: third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html
diff --git a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html
index c9c70f5bb2fa588f9b0fb14bb6020128a0f5af33..06c8dff0f89b0ef16c6ad47081c55cd141221f67 100644
--- a/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html
+++ b/third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-animation-clipping.html
@@ -35,19 +35,19 @@
     }
     
     .animating1 {
-      -webkit-animation: translate1 2s linear infinite alternate;
+      animation: translate1 2s linear infinite alternate;
     }
 
     .animating2 {
-      -webkit-animation: translate2 2s linear infinite alternate;
+      animation: translate2 2s linear infinite alternate;
     }
     
-    @-webkit-keyframes translate1 {
+    @keyframes translate1 {
       from { transform: translate(0px, -110px); }
       to   { transform: translate(0px, 590px); }
     }
 
-    @-webkit-keyframes translate2 {
+    @keyframes translate2 {
       from { transform: translate(0px, -220px); }
       to   { transform: translate(0px, 110px); }
     }
@@ -61,7 +61,7 @@
     function queueBoxForAnimation(elementId, animationClass, callback) {
       var box = document.getElementById(elementId);
       if (callback)
-        box.addEventListener('webkitAnimationStart', callback, false);
+        box.addEventListener('animationstart', callback, false);
       box.classList.add(animationClass);
     }