• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!--
2@license
3Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7Code distributed by Google as part of the polymer project is also
8subject 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