diff options
Diffstat (limited to 'catapult/third_party/polymer/components/iron-dropdown/demo/grow-height-animation.html')
-rw-r--r-- | catapult/third_party/polymer/components/iron-dropdown/demo/grow-height-animation.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-dropdown/demo/grow-height-animation.html b/catapult/third_party/polymer/components/iron-dropdown/demo/grow-height-animation.html new file mode 100644 index 00000000..e2fdc448 --- /dev/null +++ b/catapult/third_party/polymer/components/iron-dropdown/demo/grow-height-animation.html @@ -0,0 +1,36 @@ +<!-- +@license +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> + +<link rel="import" href="../../polymer/polymer.html"> +<link rel="import" href="../../neon-animation/neon-animation-behavior.html"> + +<script> + Polymer({ + is: 'expand-animation', + + behaviors: [ + Polymer.NeonAnimationBehavior + ], + + configure: function(config) { + var node = config.node; + + var height = node.getBoundingClientRect().height; + + this._effect = new KeyframeEffect(node, [{ + height: (height / 2) + 'px' + }, { + height: height + 'px' + }], this.timingFromConfig(config)); + + return this._effect; + } + }); +</script> |