Question

我为我的元素创建了一个简单的动画，但是我得到了Uncaught TypeError: Keyframes must be null or an array of keyframes而不是很酷的效果。

<script>
        Polymer({
            is: 'marvin-user-entrance',
            behaviors: [
                Polymer.NeonAnimationRunnerBehavior
            ],
            properties: {
                animationConfig: {
                    value: function() {
                        return {
                            'fade-in':[{name: 'fade-in-animation', node: this}],
                            'fade-out':[{name: 'fade-out-animation', node: this}]
                        }
                    }
                }
            },
            animate: function () {
                this.playAnimation('fade-out');
            },
            ready: function () {
                this.$.auth.animate();
            }
        });

    </script>

似乎这不是Polymer本身的问题，但它在我的代码或网页动画节点的某个地方......

Answer 1

您应该拨打this.animate()而不是this.$.auth.animate()，因为此中定义了animate函数。

如果您只想为 auth 元素设置动画，请将node更改为指向this.$.auth而不是整个元素，如下所示 -

node: this.$.auth

Answer 2

不完全确定这是否是这个的根，但我发现在CSS中显式设置动画元素的宽度和高度后，类似的错误消失了。

聚合物动画获取关键帧错误

2 个答案: