Polymer can';t获取透视图来处理聚合物中的自定义霓虹灯动画

Polymer can';t获取透视图来处理聚合物中的自定义霓虹灯动画,polymer,polymer-1.0,Polymer,Polymer 1.0,我正在尝试用Polymer创建我自己的开门动画,但我无法使用透视图。我的animationConfig如下所示: animationConfig: { value: function() { return { testTransform: { name: 'transform-animation', node: this.$.door, transformFrom: 'rotateY(0deg) perspective(30

我正在尝试用Polymer创建我自己的开门动画,但我无法使用
透视图。我的
animationConfig
如下所示:

animationConfig: {
  value: function() {
    return {
      testTransform: {
        name: 'transform-animation',
        node: this.$.door,
        transformFrom: 'rotateY(0deg) perspective(300)',
        transformTo: 'rotateY(-110deg) perspective(300)'
      }
    }
  }
}
然后是两种方法:

doorClick: function() {
  console.log("clicked the door")
  if (!this.opened) {
    this.open()
  } else {
    this.close()
  }
},

open: function() {
  this.opened = true;
  this.playAnimation('testTransform');
}

如果我只将
rotateY
放在
transformFrom
transformTo
中,则旋转可以工作,但不能与透视一起工作,透视也不能单独工作。控制台中也没有任何错误。

我将透视属性添加到父元素,而不是我正在制作动画的元素。

我将透视属性添加到父元素,而不是我正在制作动画的元素