Web Animations: Compositor timeOffset should be sensitive to playback rate

ManualTests/animation/compositor-reverse.html

Index: ManualTests/animation/compositor-reverse.html
diff --git a/ManualTests/animation/compositor-reverse.html b/ManualTests/animation/compositor-reverse.html
new file mode 100644
index 0000000000000000000000000000000000000000..2ed9b576a126fb77234f52e34bb6d3165efbd058
--- /dev/null
+++ b/ManualTests/animation/compositor-reverse.html
@@ -0,0 +1,27 @@
+<style>
+div {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+</style>
+<p>
+The two squares should <strong>smoothly</strong> rock backwards and forwards.
+<div id="target1"></div>
+<div id="target2"></div>
+<script>
+var player1 = target1.animate([
+  {transform: 'none'},
+  {transform: 'rotate(90deg)'}
+], 1000);
+
+var player2 = target2.animate([
+  {transform: 'none', background: 'blue'},
+  {transform: 'rotate(90deg)', background: 'blue'}
+], 1000);
+
+setInterval(function() {
+  player1.reverse();
+  player2.reverse();
+}, 100);
+</script>