diff --git a/tools/perf/page_sets/tough_animation_cases.py b/tools/perf/page_sets/tough_animation_cases.py
index ca87da5..aa5ba27 100644
--- a/tools/perf/page_sets/tough_animation_cases.py
+++ b/tools/perf/page_sets/tough_animation_cases.py
@@ -33,6 +33,20 @@ class ToughAnimationCasesPageSet(story.StorySet):
       cloud_storage_bucket=story.PARTNER_BUCKET)
 
     urls_list_one = [
+      'file://tough_animation_cases/newballs-100ms.html',
+      'file://tough_animation_cases/newballs-200ms.html',
+      'file://tough_animation_cases/newballs-300ms.html',
+      'file://tough_animation_cases/newballs-400ms.html',
+      'file://tough_animation_cases/newballs-500ms.html',
+      'file://tough_animation_cases/newballs-1s.html',
+      'file://tough_animation_cases/newballs-2s.html',
+      'file://tough_animation_cases/newballs-3s.html',
+      'file://tough_animation_cases/newballs-4s.html',
+      'file://tough_animation_cases/newballs-5s.html',
+      'file://tough_animation_cases/newballs-no-animation.html',
+      'file://tough_animation_cases/newballs-cancel-animation.html',
+      'file://tough_animation_cases/newballs-cancel-next-frame.html',
+      'file://tough_animation_cases/newballs-1s-transform.html',
       # Why: Tests the balls animation implemented with SVG animations.
       'file://tough_animation_cases/balls_svg_animations.html',
       # Why: Tests the balls animation implemented with Javascript and canvas.
@@ -54,6 +68,10 @@ class ToughAnimationCasesPageSet(story.StorySet):
       # Why: Tests the balls animation implemented with CSS transitions on all
       # animatable properties.
       'file://tough_animation_cases/balls_css_transition_all_properties.html',
+      'file://tough_animation_cases/balls_css_transition_all_properties-transform.html',
+      'file://tough_animation_cases/balls_css_transition_all_properties-color.html',
+      'file://tough_animation_cases/balls_css_transition_all_properties-onlycolor.html',
+      'file://tough_animation_cases/balls_css_transition_all_properties-onlyleft.html',
       # pylint: disable=C0301
       'file://tough_animation_cases/overlay_background_color_css_transitions.html',
 
diff --git a/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-color.html b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-color.html
new file mode 100644
index 0000000..a870006
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-color.html
@@ -0,0 +1,156 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 2500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        var particle = new Particle();
+        particle.start();
+        particles.push(particle);
+    }
+
+    measurementReady = true;
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set initial position to middle of screen
+    domNode.style.left = x + "px";
+    domNode.style.top = y + "px";
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function detectCollision(lineX, normalX, lineY, normalY) {
+        var dtx = Infinity;
+        var dty = Infinity;
+        if (dx * normalX < 0)
+            dtx = (lineX - x) / dx;
+        if (dy * normalY < 0)
+            dty = (lineY - y) / dy;
+        var dt = Math.min(dtx, dty);
+        var hitX = (dtx < dty);
+        return {
+            dt: dt,
+            x: hitX ? lineX : x + (dx * dt),
+            y: hitX ? y + (dy * dt) : lineY,
+            dx: hitX ? -dx : dx,
+            dy: hitX ? dy : -dy,
+        };
+    }
+
+    function move() {
+        if (!testRunning)
+            return;
+        var collisionA = detectCollision(0, 1, 0, 1);
+        var collisionB = detectCollision(stageWidth, -1, stageHeight, -1);
+        var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+        domNode.style.webkitTransitionDuration = collision.dt + 's, ' + collision.dt + 's';
+        domNode.style.left = collision.x + 'px';
+        domNode.style.top = collision.y + 'px';
+        domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+        x = collision.x;
+        y = collision.y;
+        dx = collision.dx;
+        dy = collision.dy;
+        setTimeout(move, collision.dt * 1000);
+    }
+
+    function start() {
+        // Set timeout is used to ensure the transition-property value gets a chance to register on the element.
+        setTimeout(move, 0);
+    }
+
+    this.start = start;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlycolor.html b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlycolor.html
new file mode 100644
index 0000000..f65cc6f
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlycolor.html
@@ -0,0 +1,156 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 2500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        var particle = new Particle();
+        particle.start();
+        particles.push(particle);
+    }
+
+    measurementReady = true;
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set initial position to middle of screen
+    domNode.style.left = x + "px";
+    domNode.style.top = y + "px";
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function detectCollision(lineX, normalX, lineY, normalY) {
+        var dtx = Infinity;
+        var dty = Infinity;
+        if (dx * normalX < 0)
+            dtx = (lineX - x) / dx;
+        if (dy * normalY < 0)
+            dty = (lineY - y) / dy;
+        var dt = Math.min(dtx, dty);
+        var hitX = (dtx < dty);
+        return {
+            dt: dt,
+            x: hitX ? lineX : x + (dx * dt),
+            y: hitX ? y + (dy * dt) : lineY,
+            dx: hitX ? -dx : dx,
+            dy: hitX ? dy : -dy,
+        };
+    }
+
+    function move() {
+        if (!testRunning)
+            return;
+        var collisionA = detectCollision(0, 1, 0, 1);
+        var collisionB = detectCollision(stageWidth, -1, stageHeight, -1);
+        var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+        domNode.style.webkitTransitionDuration = collision.dt + 's, ' + collision.dt + 's';
+        //domNode.style.left = collision.x + 'px';
+        //domNode.style.top = collision.y + 'px';
+        domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+        x = collision.x;
+        y = collision.y;
+        dx = collision.dx;
+        dy = collision.dy;
+        setTimeout(move, collision.dt * 1000);
+    }
+
+    function start() {
+        // Set timeout is used to ensure the transition-property value gets a chance to register on the element.
+        setTimeout(move, 0);
+    }
+
+    this.start = start;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlyleft.html b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlyleft.html
new file mode 100644
index 0000000..e7adf73
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-onlyleft.html
@@ -0,0 +1,155 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 2500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        var particle = new Particle();
+        particle.start();
+        particles.push(particle);
+    }
+
+    measurementReady = true;
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set initial position to middle of screen
+    domNode.style.left = x + "px";
+    domNode.style.top = y + "px";
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function detectCollision(lineX, normalX, lineY, normalY) {
+        var dtx = Infinity;
+        var dty = Infinity;
+        if (dx * normalX < 0)
+            dtx = (lineX - x) / dx;
+        if (dy * normalY < 0)
+            dty = (lineY - y) / dy;
+        var dt = Math.min(dtx, dty);
+        var hitX = (dtx < dty);
+        return {
+            dt: dt,
+            x: hitX ? lineX : x + (dx * dt),
+            y: hitX ? y + (dy * dt) : lineY,
+            dx: hitX ? -dx : dx,
+            dy: hitX ? dy : -dy,
+        };
+    }
+
+    function move() {
+        if (!testRunning)
+            return;
+        var collisionA = detectCollision(0, 1, 0, 1);
+        var collisionB = detectCollision(stageWidth, -1, stageHeight, -1);
+        var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+        domNode.style.webkitTransitionDuration = collision.dt + 's, ' + collision.dt + 's';
+        domNode.style.left = collision.x + 'px';
+        //domNode.style.top = collision.y + 'px';
+        x = collision.x;
+        y = collision.y;
+        dx = collision.dx;
+        dy = collision.dy;
+        setTimeout(move, collision.dt * 1000);
+    }
+
+    function start() {
+        // Set timeout is used to ensure the transition-property value gets a chance to register on the element.
+        setTimeout(move, 0);
+    }
+
+    this.start = start;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-transform.html b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-transform.html
new file mode 100644
index 0000000..83fa31f
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/balls_css_transition_all_properties-transform.html
@@ -0,0 +1,153 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 3000;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        var particle = new Particle();
+        particle.start();
+        particles.push(particle);
+    }
+
+    measurementReady = true;
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set initial position to middle of screen
+    domNode.style.webkitTransform = "translate("+x+"px,"+y+"px)";
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function detectCollision(lineX, normalX, lineY, normalY) {
+        var dtx = Infinity;
+        var dty = Infinity;
+        if (dx * normalX < 0)
+            dtx = (lineX - x) / dx;
+        if (dy * normalY < 0)
+            dty = (lineY - y) / dy;
+        var dt = Math.min(dtx, dty);
+        var hitX = (dtx < dty);
+        return {
+            dt: dt,
+            x: hitX ? lineX : x + (dx * dt),
+            y: hitX ? y + (dy * dt) : lineY,
+            dx: hitX ? -dx : dx,
+            dy: hitX ? dy : -dy,
+        };
+    }
+
+    function move() {
+        if (!testRunning)
+            return;
+        var collisionA = detectCollision(0, 1, 0, 1);
+        var collisionB = detectCollision(stageWidth, -1, stageHeight, -1);
+        var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;
+        domNode.style.webkitTransitionDuration = collision.dt + 's, ' + collision.dt + 's';
+        domNode.style.webkitTransform = "translate("+collision.x+"px,"+collision.y+"px)";
+        x = collision.x;
+        y = collision.y;
+        dx = collision.dx;
+        dy = collision.dy;
+        setTimeout(move, collision.dt * 1000);
+    }
+
+    function start() {
+        // Set timeout is used to ensure the transition-property value gets a chance to register on the element.
+        setTimeout(move, 0);
+    }
+
+    this.start = start;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-100ms.html b/tools/perf/page_sets/tough_animation_cases/newballs-100ms.html
new file mode 100644
index 0000000..856a16e
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-100ms.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 100)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-1s-transform.html b/tools/perf/page_sets/tough_animation_cases/newballs-1s-transform.html
new file mode 100644
index 0000000..6aee010
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-1s-transform.html
@@ -0,0 +1,133 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 3000;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 1000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        var x = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        var y = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.transform = "translate(" + x + "px, " + y + "px)";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-1s.html b/tools/perf/page_sets/tough_animation_cases/newballs-1s.html
new file mode 100644
index 0000000..8aba504
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-1s.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 1000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-200ms.html b/tools/perf/page_sets/tough_animation_cases/newballs-200ms.html
new file mode 100644
index 0000000..d387c8c
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-200ms.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 200)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-2s.html b/tools/perf/page_sets/tough_animation_cases/newballs-2s.html
new file mode 100644
index 0000000..1014665
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-2s.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 2000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-300ms.html b/tools/perf/page_sets/tough_animation_cases/newballs-300ms.html
new file mode 100644
index 0000000..1abca29
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-300ms.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 300)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-3s.html b/tools/perf/page_sets/tough_animation_cases/newballs-3s.html
new file mode 100644
index 0000000..8f7e5e3
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-3s.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 3000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-400ms.html b/tools/perf/page_sets/tough_animation_cases/newballs-400ms.html
new file mode 100644
index 0000000..675b5d8
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-400ms.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 400)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-4s.html b/tools/perf/page_sets/tough_animation_cases/newballs-4s.html
new file mode 100644
index 0000000..1ef3a2c
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-4s.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 4000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-500ms.html b/tools/perf/page_sets/tough_animation_cases/newballs-500ms.html
new file mode 100644
index 0000000..6d5e4a1
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-500ms.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 500)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-5s.html b/tools/perf/page_sets/tough_animation_cases/newballs-5s.html
new file mode 100644
index 0000000..f072c53
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-5s.html
@@ -0,0 +1,132 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+    
+    step();
+
+    PerfTestHelper.signalReady();
+}
+
+function step() {
+  stepNumber++;
+  for (var i = 0; i < particles.length; i++) {
+    particles[i].update();
+  }
+  setTimeout(step, 5000)
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-cancel-animation.html b/tools/perf/page_sets/tough_animation_cases/newballs-cancel-animation.html
new file mode 100644
index 0000000..ddad70b
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-cancel-animation.html
@@ -0,0 +1,131 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+
+    measurementReady = true;
+    
+    setInterval(function () {
+      stepNumber++;
+      for (var i = 0; i < particles.length; i++) {
+        particles[i].update();
+      }
+    }, 10);
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    //domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.webkitTransitionProperty = 'all';
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.webkitTransitionProperty = 'none';
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-cancel-next-frame.html b/tools/perf/page_sets/tough_animation_cases/newballs-cancel-next-frame.html
new file mode 100644
index 0000000..71eddf7
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-cancel-next-frame.html
@@ -0,0 +1,142 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+
+    measurementReady = true;
+    
+    window.requestAnimationFrame(function () {
+      stepNumber++;
+      for (var i = 0; i < particles.length; i++) {
+        particles[i].update();
+      }
+      window.requestAnimationFrame(cancelAll);
+    });
+    
+    function cancelAll() {
+      for (var i = 0; i < particles.length; i++) {
+        particles[i].cancel();
+      }
+    }
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    //domNode.style.webkitTransitionProperty = 'all';
+    domNode.style.webkitTransitionTimingFunction = 'linear';
+    domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.webkitTransitionProperty = 'all';
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+    
+    function cancel() {
+        domNode.style.webkitTransitionProperty = 'none';
+    }
+
+    this.update = update;
+    this.cancel = cancel;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>
diff --git a/tools/perf/page_sets/tough_animation_cases/newballs-no-animation.html b/tools/perf/page_sets/tough_animation_cases/newballs-no-animation.html
new file mode 100644
index 0000000..7b16721
--- /dev/null
+++ b/tools/perf/page_sets/tough_animation_cases/newballs-no-animation.html
@@ -0,0 +1,129 @@
+<!--
+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.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Code Aurora Forum Inc., Google Inc. nor the
+names of its contributors may be used to endorse or promote products
+derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+This test is based on code written by Cameron Adams and imported from
+  http://themaninblue.com/experiment/AnimationBenchmark/html
+-->
+
+<!doctype html>
+<head>
+<title>Benchmark - Balls Animation using CSS Transitions on all animatable properties</title>
+<style>
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
+span {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+}
+</style>
+<script src="resources/perf_test_helper.js"></script>
+<script>
+var measurementReady = false;
+var stageWidth = 600;
+var stageHeight = 600;
+var maxParticles = 1500;
+var minVelocity = 50;
+var maxVelocity = 500;
+var particleRadius = 6;
+
+var stepNumber = 0;
+var leftValues = [0, 600];
+var topValues = [0, 600];
+var colors = ["#cc0000", "#ffcc00", "#aaff00", "#0099cc", "#194c99", "#661999"];
+
+var testRunning = true;
+var particles = [];
+
+window.onload = function () {
+    // Create the particles
+    for (var i = 0; i < maxParticles; i++) {
+        particles.push(new Particle());
+    }
+
+    measurementReady = true;
+    
+    setInterval(function () {
+      stepNumber++;
+      for (var i = 0; i < particles.length; i++) {
+        particles[i].update();
+      }
+    }, 10);
+}
+
+function Particle()
+{
+    var angle = Math.PI * 2 * PerfTestHelper.random();
+    var velocity = minVelocity + ((maxVelocity - minVelocity) * PerfTestHelper.random());
+    var x = stageWidth / 2 - particleRadius;
+    var y = stageHeight / 2 - particleRadius;
+    var dx = Math.cos(angle) * velocity;
+    var dy = Math.sin(angle) * velocity;
+
+    // Create visual element for the particle
+    var domNode = document.createElement('span');
+    document.body.appendChild(domNode);
+
+    // Set colour of element
+    domNode.style.backgroundColor = colors[Math.floor(PerfTestHelper.random() * colors.length)];
+
+    update();
+
+    //domNode.style.webkitTransitionProperty = 'all';
+    //domNode.style.webkitTransitionTimingFunction = 'linear';
+    //domNode.style.webkitTransitionDuration = '5s, 5s';
+
+    function destroy()
+    {
+        document.body.removeChild(domNode);
+    }
+
+    function update() {
+        domNode.style.left = ((leftValues[stepNumber % leftValues.length]) + PerfTestHelper.random() * 200) + "px";
+        domNode.style.top = ((topValues[stepNumber % topValues.length]) + PerfTestHelper.random() * 200) + "px";
+    }
+
+    this.update = update;
+    this.destroy = destroy;
+}
+</script>
+</head>
+</html>