CSS Filters: Reduce usage of webkit prefix in animation layout tests

third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html

Index: third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html
diff --git a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html
index eaff823e44d7ecf4ba19b4e299e5d6e65e9a00a2..a101dbffaecbbf801d25cfbb800309dceae8d85f 100644
--- a/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html
+++ b/third_party/WebKit/LayoutTests/css3/filters/filter-animation-from-none-hw.html
@@ -13,94 +13,94 @@
     }
 
     #grayscale-box {
-      -webkit-animation: grayscale-anim 2s linear
+      animation: grayscale-anim 2s linear
     }
 
     #sepia-box {
-      -webkit-animation: sepia-anim 2s linear
+      animation: sepia-anim 2s linear
     }
 
     #saturate-box {
-      -webkit-animation: saturate-anim 2s linear
+      animation: saturate-anim 2s linear
     }
 
     #hue-rotate-box {
-      -webkit-animation: hue-rotate-anim 2s linear
+      animation: hue-rotate-anim 2s linear
     }
 
     #invert-box {
-      -webkit-animation: invert-anim 2s linear
+      animation: invert-anim 2s linear
     }
 
     #opacity-box {
-      -webkit-animation: opacity-anim 2s linear
+      animation: opacity-anim 2s linear
     }
 
     #brightness-box {
-      -webkit-animation: brightness-anim 2s linear
+      animation: brightness-anim 2s linear
     }
 
     #contrast-box {
-      -webkit-animation: contrast-anim 2s linear
+      animation: contrast-anim 2s linear
     }
 
     #blur-box {
-      -webkit-animation: blur-anim 2s linear
+      animation: blur-anim 2s linear
     }
 
     #dropshadow-box {
-      -webkit-animation: dropshadow-anim 2s linear
+      animation: dropshadow-anim 2s linear
     }
 
 
-    @-webkit-keyframes grayscale-anim {
+    @keyframes grayscale-anim {
         from { }
-        to   { -webkit-filter: grayscale(1); }
+        to   { filter: grayscale(1); }
     }
 
-    @-webkit-keyframes sepia-anim {
+    @keyframes sepia-anim {
         from { }
-        to   { -webkit-filter: sepia(1); }
+        to   { filter: sepia(1); }
     }
 
-    @-webkit-keyframes saturate-anim {
+    @keyframes saturate-anim {
         from { }
-        to   { -webkit-filter: saturate(0); }
+        to   { filter: saturate(0); }
     }
 
-    @-webkit-keyframes hue-rotate-anim {
+    @keyframes hue-rotate-anim {
         from { }
-        to   { -webkit-filter: hue-rotate(180deg); }
+        to   { filter: hue-rotate(180deg); }
     }
 
-    @-webkit-keyframes invert-anim {
+    @keyframes invert-anim {
         from { }
-        to   { -webkit-filter: invert(1); }
+        to   { filter: invert(1); }
     }
 
-    @-webkit-keyframes opacity-anim {
+    @keyframes opacity-anim {
         from { }
-        to   { -webkit-filter: opacity(0); }
+        to   { filter: opacity(0); }
     }
 
-    @-webkit-keyframes brightness-anim {
+    @keyframes brightness-anim {
         from { }
-        to   { -webkit-filter: brightness(0); }
+        to   { filter: brightness(0); }
     }
 
-    @-webkit-keyframes contrast-anim {
+    @keyframes contrast-anim {
         from { }
-        to   { -webkit-filter: contrast(0); }
+        to   { filter: contrast(0); }
     }
 
-    @-webkit-keyframes blur-anim {
+    @keyframes blur-anim {
         from { }
-        to   { -webkit-filter: blur(20px); }
+        to   { filter: blur(20px); }
     }
 
-    @-webkit-keyframes dropshadow-anim {
+    @keyframes dropshadow-anim {
         from { }
-        to   { -webkit-filter: drop-shadow(20px 32px 12px black)); }
+        to   { filter: drop-shadow(20px 32px 12px black)); }
     }
 
   </style>
@@ -108,17 +108,17 @@
   <script type="text/javascript">
     const expectedValues = [
       // [time, element-id, property, expected-value, tolerance]
-      [1, "grayscale-box", "webkitFilter", 'grayscale(0.5)', 0.05],
-      [1, "sepia-box", "webkitFilter", 'sepia(0.5)', 0.05],
-      [1, "saturate-box", "webkitFilter", 'saturate(0.5)', 0.05],
-      [1, "hue-rotate-box", "webkitFilter", 'hue-rotate(90deg)', 5],
-      [1, "invert-box", "webkitFilter", 'invert(0.5)', 0.05],
-      [1, "opacity-box", "webkitFilter", 'opacity(0.5)', 0.05],
-      [1, "brightness-box", "webkitFilter", 'brightness(0.5)', 0.05],
-      [1, "contrast-box", "webkitFilter", 'contrast(0.5)', 0.05],
-      [1, "blur-box", "webkitFilter", 'blur(10px)', 1],
+      [1, "grayscale-box", "filter", 'grayscale(0.5)', 0.05],
+      [1, "sepia-box", "filter", 'sepia(0.5)', 0.05],
+      [1, "saturate-box", "filter", 'saturate(0.5)', 0.05],
+      [1, "hue-rotate-box", "filter", 'hue-rotate(90deg)', 5],
+      [1, "invert-box", "filter", 'invert(0.5)', 0.05],
+      [1, "opacity-box", "filter", 'opacity(0.5)', 0.05],
+      [1, "brightness-box", "filter", 'brightness(0.5)', 0.05],
+      [1, "contrast-box", "filter", 'contrast(0.5)', 0.05],
+      [1, "blur-box", "filter", 'blur(10px)', 1],
       // FIXME when we implement computed filter style for drop-shadow.
-      // ["dropshadow-anim",  1, "dropshadow-box", "webkitFilter", 'drop-shadow(rgba(0, 0, 0, 0.25) 5px 8px 3px )', 2],
+      // ["dropshadow-anim",  1, "dropshadow-box", "filter", 'drop-shadow(rgba(0, 0, 0, 0.25) 5px 8px 3px )', 2],
     ];
     
     runAnimationTest(expectedValues);