OLD | NEW |
1 <!-- | 1 <!-- |
2 @license | 2 @license |
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 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.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.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/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
7 Code distributed by Google as part of the polymer project is also | 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/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
9 --> | 9 --> |
10 | 10 |
(...skipping 22 matching lines...) Expand all Loading... |
33 | 33 |
34 is: 'slide-down-animation', | 34 is: 'slide-down-animation', |
35 | 35 |
36 behaviors: [ | 36 behaviors: [ |
37 Polymer.NeonAnimationBehavior | 37 Polymer.NeonAnimationBehavior |
38 ], | 38 ], |
39 | 39 |
40 configure: function(config) { | 40 configure: function(config) { |
41 var node = config.node; | 41 var node = config.node; |
42 | 42 |
| 43 this._effect = new KeyframeEffect(node, [ |
| 44 {'transform': 'translateY(0%)'}, |
| 45 {'transform': 'translateY(100%)'} |
| 46 ], this.timingFromConfig(config)); |
| 47 |
43 if (config.transformOrigin) { | 48 if (config.transformOrigin) { |
44 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); | 49 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); |
45 } else { | 50 } else { |
46 this.setPrefixedProperty(node, 'transformOrigin', '50% 0'); | 51 this.setPrefixedProperty(node, 'transformOrigin', '50% 0'); |
47 } | 52 } |
48 | 53 |
49 this._effect = new KeyframeEffect(node, [ | |
50 {'transform': 'translateY(0%)'}, | |
51 {'transform': 'translateY(100%)'} | |
52 ], this.timingFromConfig(config)); | |
53 | |
54 return this._effect; | 54 return this._effect; |
55 } | 55 } |
56 | 56 |
57 }); | 57 }); |
58 | 58 |
59 </script> | 59 </script> |
OLD | NEW |