Polymer can';t获取透视图来处理聚合物中的自定义霓虹灯动画
我正在尝试用Polymer创建我自己的开门动画,但我无法使用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
透视图。我的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
中,则旋转可以工作,但不能与透视一起工作,透视也不能单独工作。控制台中也没有任何错误。我将透视属性添加到父元素,而不是我正在制作动画的元素。我将透视属性添加到父元素,而不是我正在制作动画的元素