Don't check all animation/transition properties when comparing RenderStyles

LayoutTests/css3/filters/composited-during-animation.html

Index: LayoutTests/css3/filters/composited-during-animation.html
diff --git a/LayoutTests/css3/filters/composited-during-animation.html b/LayoutTests/css3/filters/composited-during-animation.html
index d7e494f14883d8a7517a183f3caf34061104d34d..0318fdfd031fecb4f2f80f9aed7332961458578f 100644
--- a/LayoutTests/css3/filters/composited-during-animation.html
+++ b/LayoutTests/css3/filters/composited-during-animation.html
@@ -7,55 +7,73 @@
         margin: 10px;
     }
 
-    .animating img {
+    img {
         -webkit-animation-duration: 2s !important;
         -webkit-animation-timing-function: linear !important;
     }
 
     #grayscale-box {
-        -webkit-animation-name: grayscale-anim;
         -webkit-filter: grayscale(1);
     }
+    .animating #grayscale-box {
+        -webkit-animation-name: grayscale-anim;
+    }
 
     #sepia-box {
-        -webkit-animation: sepia-anim;
         -webkit-filter: sepia(1);
     }
+    .animating #sepia-box {
+        -webkit-animation: sepia-anim;
+    }
 
     #saturate-box {
-        -webkit-animation: saturate-anim;
         -webkit-filter: saturate(1);
     }
+    .animating #saturate-box {
+        -webkit-animation: saturate-anim;
+    }
 
     #huerotate-box {
-        -webkit-animation: huerotate-anim;
         -webkit-filter: hue-rotate(90deg);
     }
+    .animating #huerotate-box {
+        -webkit-animation: huerotate-anim;
+    }
 
     #invert-box {
-        -webkit-animation: invert-anim;
         -webkit-filter: invert(1);
     }
+    .animating #invert-box {
+        -webkit-animation: invert-anim;
+    }
 
     #opacity-box {
-        -webkit-animation: opacity-anim;
         -webkit-filter: opacity(0);
     }
+    .animating #opacity-box {
+        -webkit-animation: opacity-anim;
+    }
 
     #brightness-box {
-        -webkit-animation: brightness-anim;
         -webkit-filter: brightness(0);
     }
+    .animating #brightness-box {
+        -webkit-animation: brightness-anim;
+    }
 
     #contrast-box {
-        -webkit-animation: contrast-anim;
         -webkit-filter: contrast(0);
     }
+    .animating #contrast-box {
+        -webkit-animation: contrast-anim;
+    }
 
     #blur-box {
-        -webkit-animation: blur-anim;
         -webkit-filter: blur(10px);
     }
+    .animating #blur-box {
+        -webkit-animation: blur-anim;
+    }
 
     @-webkit-keyframes grayscale-anim {
         from { -webkit-filter: grayscale(0); }
@@ -172,10 +190,6 @@
 <img src="resources/reference.png" id="contrast-box">
 <img src="resources/reference.png" id="blur-box">
 
-<!-- this result element is filled in the script above, before the animations start -->
-<div id="preresult">
-</div>
-
 <!-- this result element is filled by the animation test system -->
 <div id="result">
 </div>