OLD | NEW |
1 | 1 |
2 | 2 |
3 Polymer({ | 3 Polymer({ |
4 | 4 |
5 is: 'transform-animation', | 5 is: 'transform-animation', |
6 | 6 |
7 behaviors: [ | 7 behaviors: [ |
8 Polymer.NeonAnimationBehavior | 8 Polymer.NeonAnimationBehavior |
9 ], | 9 ], |
10 | 10 |
| 11 /** |
| 12 * @param {{ |
| 13 * node: !Element, |
| 14 * transformOrigin: (string|undefined), |
| 15 * transformFrom: (string|undefined), |
| 16 * transformTo: (string|undefined), |
| 17 * timing: (Object|undefined) |
| 18 * }} config |
| 19 */ |
11 configure: function(config) { | 20 configure: function(config) { |
12 var node = config.node; | 21 var node = config.node; |
13 var transformFrom = config.transformFrom || 'none'; | 22 var transformFrom = config.transformFrom || 'none'; |
14 var transformTo = config.transformTo || 'none'; | 23 var transformTo = config.transformTo || 'none'; |
15 | 24 |
16 if (config.transformOrigin) { | 25 if (config.transformOrigin) { |
17 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); | 26 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin
); |
18 } | 27 } |
19 | 28 |
20 this._effect = new KeyframeEffect(node, [ | 29 this._effect = new KeyframeEffect(node, [ |
21 {'transform': transformFrom}, | 30 {'transform': transformFrom}, |
22 {'transform': transformTo} | 31 {'transform': transformTo} |
23 ], this.timingFromConfig(config)); | 32 ], this.timingFromConfig(config)); |
24 | 33 |
25 return this._effect; | 34 return this._effect; |
26 } | 35 } |
27 | 36 |
28 }); | 37 }); |
29 | 38 |
OLD | NEW |