当前位置:  开发笔记 > 编程语言 > 正文

聚合物 - 动画DIV

如何解决《聚合物-动画DIV》经验,为你挑选了0个好方法。

我正在学习聚合物.我有一个包含a的元素div.我想动画那个div的高度.为了做到这一点,我有以下几点:

我-element.html

    
  

  

然后我使用这里显示的成长高度动画来获取灵感.所以,基本上,我有一个像这样定义的动画:

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;
  }
});

我的挑战是,我不明白如何将此动画与divid为"container" 的元素集成.我看到的一切似乎只适用于Polymer元素.然而,我正在试图弄清楚如何div使用聚合物制作动画.我错过了什么?

谢谢!

推荐阅读
惬听风吟jyy_802
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有