我正在学习聚合物.我有一个包含a的元素div
.我想动画那个div的高度.为了做到这一点,我有以下几点:
我-element.html
Hello!Expand
然后我使用这里显示的成长高度动画来获取灵感.所以,基本上,我有一个像这样定义的动画:
Polymer({ is: 'grow-height-animation', behaviors: [ Polymer.NeonAnimationBehavior ], configure: function(config) { var node = config.node; var rect = node.getBoundingClientRect(); var height = rect.height; this._effect = new KeyframeEffect(node, [{ height: (height / 2) + 'px' }, { height: height + 'px' }], this.timingFromConfig(config)); return this._effect; } });
我的挑战是,我不明白如何将此动画与div
id为"container" 的元素集成.我看到的一切似乎只适用于Polymer元素.然而,我正在试图弄清楚如何div
使用聚合物制作动画.我错过了什么?
谢谢!