--- a/devtools/client/inspector/animation-old/graph-helper.js
+++ b/devtools/client/inspector/animation-old/graph-helper.js
@@ -85,17 +85,17 @@ ProgressGraphHelper.prototype = {
     this.win = null;
   },
 
   /**
    * Return animation duration.
    * @return {Number} duration
    */
   getDuration: function() {
-    return this.animation.effect.timing.duration;
+    return this.animation.effect.getComputedTiming().duration;
   },
 
   /**
    * Return animation's keyframe.
    * @return {Object} keyframe
    */
   getKeyframes: function() {
     return this.keyframes;
@@ -430,17 +430,17 @@ SummaryGraphHelper.prototype = {
     this.isOriginalBehavior = isOriginalBehavior;
   },
 
   /**
    * Set animation fill mode.
    * @param {String} fill - "both", "forwards", "backwards" or "both"
    */
   setFillMode: function(fill) {
-    this.animation.effect.timing.fill = fill;
+    this.animation.effect.updateTiming({ fill });
   },
 
   /**
    * Set true if need to close path in appendShapePath.
    * @param {bool} isClosePathNeeded - true: close, false: open.
    */
   setClosePathNeeded: function(isClosePathNeeded) {
     this.isClosePathNeeded = isClosePathNeeded;

--- a/devtools/server/actors/animation.js
+++ b/devtools/server/actors/animation.js
@@ -248,17 +248,17 @@ var AnimationPlayerActor = protocol.Acto
     return this.player.effect.getComputedTiming().iterationStart;
   },
 
   /**
    * Get the animation easing from this player.
    * @return {String}
    */
   getEasing: function() {
-    return this.player.effect.timing.easing;
+    return this.player.effect.getComputedTiming().easing;
   },
 
   /**
    * Get the animation fill mode from this player.
    * @return {String}
    */
   getFill: function() {
     return this.player.effect.getComputedTiming().fill;