code: function () {
      var config = this.config;
      var data = this.data;
      var el = this.el;
      var from;
      var key;
      var to;
  
      if (this.waitComponentInitRawProperty(this.updateConfigForRawColor)) {
        return;
      }
  
      from = data.from === '' ? getRawProperty(el, data.property) : data.from;
      to = data.to;
  
      // Use r/g/b vector for color type.
      this.setColorConfig(from, to);
      from = this.fromColor;
      to = this.toColor;
  
      this.targetsArray.length = 0;
      this.targetsArray.push(from);
      config.targets = this.targetsArray;
      for (key in to) { config[key] = to[key]; }
  
      config.update = (function () {
        var lastValue = {};
        return function (anim) {
          var value;
          value = anim.animatables[0].target;
          // For animation timeline.
          if (value.r === lastValue.r &&
              value.g === lastValue.g &&
              value.b === lastValue.b) { return; }
  
          setRawProperty(el, data.property, value, data.type);
        };
      })();
    }
docs: rawProperty: true and type: color;