1 <!-- 2 @license 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 Code distributed by Google as part of the polymer project is also 8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 --> 10 11 <link rel="import" href="../../polymer/polymer.html"> 12 <link rel="import" href="../../neon-animation/neon-animation-behavior.html"> 13 14 <script> 15 Polymer({ 16 is: 'expand-animation', 17 18 behaviors: [ 19 Polymer.NeonAnimationBehavior 20 ], 21 22 configure: function(config) { 23 var node = config.node; 24 25 var height = node.getBoundingClientRect().height; 26 27 this._effect = new KeyframeEffect(node, [{ 28 height: (height / 2) + 'px' 29 }, { 30 height: height + 'px' 31 }], this.timingFromConfig(config)); 32 33 return this._effect; 34 } 35 }); 36 </script> 37
