OLD | NEW |
1 | 1 Polymer({ |
2 Polymer({ | |
3 is: 'paper-menu-grow-height-animation', | 2 is: 'paper-menu-grow-height-animation', |
4 | 3 |
5 behaviors: [ | 4 behaviors: [ |
6 Polymer.NeonAnimationBehavior | 5 Polymer.NeonAnimationBehavior |
7 ], | 6 ], |
8 | 7 |
9 configure: function(config) { | 8 configure: function(config) { |
10 var node = config.node; | 9 var node = config.node; |
11 var rect = node.getBoundingClientRect(); | 10 var rect = node.getBoundingClientRect(); |
12 var height = rect.height; | 11 var height = rect.height; |
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
83 this._effect = new KeyframeEffect(node, [{ | 82 this._effect = new KeyframeEffect(node, [{ |
84 height: height + 'px', | 83 height: height + 'px', |
85 transform: 'translateY(0)' | 84 transform: 'translateY(0)' |
86 }, { | 85 }, { |
87 height: height / 2 + 'px', | 86 height: height / 2 + 'px', |
88 transform: 'translateY(-20px)' | 87 transform: 'translateY(-20px)' |
89 }], this.timingFromConfig(config)); | 88 }], this.timingFromConfig(config)); |
90 | 89 |
91 return this._effect; | 90 return this._effect; |
92 } | 91 } |
93 }); | 92 }); |
OLD | NEW |