OLD | NEW |
1 | 1 Polymer({ |
2 | 2 |
3 Polymer({ | |
4 | |
5 is: 'slide-from-left-animation', | 3 is: 'slide-from-left-animation', |
6 | 4 |
7 behaviors: [ | 5 behaviors: [ |
8 Polymer.NeonAnimationBehavior | 6 Polymer.NeonAnimationBehavior |
9 ], | 7 ], |
10 | 8 |
11 configure: function(config) { | 9 configure: function(config) { |
12 var node = config.node; | 10 var node = config.node; |
13 | 11 |
14 if (config.transformOrigin) { | 12 if (config.transformOrigin) { |
15 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); | 13 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); |
16 } else { | 14 } else { |
17 this.setPrefixedProperty(node, 'transformOrigin', '0 50%'); | 15 this.setPrefixedProperty(node, 'transformOrigin', '0 50%'); |
18 } | 16 } |
19 | 17 |
20 this._effect = new KeyframeEffect(node, [ | 18 this._effect = new KeyframeEffect(node, [ |
21 {'transform': 'translateX(-100%)'}, | 19 {'transform': 'translateX(-100%)'}, |
22 {'transform': 'none'} | 20 {'transform': 'none'} |
23 ], this.timingFromConfig(config)); | 21 ], this.timingFromConfig(config)); |
24 | 22 |
25 return this._effect; | 23 return this._effect; |
26 } | 24 } |
27 | 25 |
28 }); | 26 }); |
29 | |
OLD | NEW |