Web Animations API: Avoid style resolution when calling element.animate()

PerformanceTests/Animation/api-balls-keyframe-animations.html

 <!--
 Copyright (c) 2012 Cameron Adams. All rights reserved.
 Copyright (c) 2012 Code Aurora Forum. All rights reserved.
 Copyright (C) 2013 Google Inc. All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are
 met:
     * Redistributions of source code must retain the above copyright
 notice, this list of conditions and the following disclaimer.
@@ skipping 42 matching lines @@
     width: 12px;
     height: 12px;
     border-radius: 6px;
 }
 </style>
 <script src="../resources/runner.js"></script>
 <script src="resources/framerate.js"></script>
 <script>
 var stageWidth = 600;
 var stageHeight = 600;
-var maxParticles = 500;
+var maxParticles = 2500;
 var minVelocity = 50;
 var maxVelocity = 500;
 var particleRadius = 6;
 var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
 var animationDuration = 10;
 
 var particles = [];
 var allParticleKeyframes = [];
 
 window.onload = function () {
@@ skipping 94 matching lines @@
     stopTrackingFrameRate();
 
     for (var i = 0; i < particles.length; i++)
         particles[i].destroy();
     particles = [];
 }
 </script>
 <style id="keyframes"></style>
 </head>
 </html>