OLD | NEW |
1 | 1 Polymer({ |
2 | 2 |
3 Polymer({ | |
4 | |
5 is: 'opaque-animation', | 3 is: 'opaque-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 node.style.opacity = '0'; | 11 node.style.opacity = '0'; |
14 this._effect = new KeyframeEffect(node, [ | 12 this._effect = new KeyframeEffect(node, [ |
15 {'opacity': '1'}, | 13 {'opacity': '1'}, |
16 {'opacity': '1'} | 14 {'opacity': '1'} |
17 ], this.timingFromConfig(config)); | 15 ], this.timingFromConfig(config)); |
18 return this._effect; | 16 return this._effect; |
19 }, | 17 }, |
20 | 18 |
21 complete: function(config) { | 19 complete: function(config) { |
22 config.node.style.opacity = ''; | 20 config.node.style.opacity = ''; |
23 } | 21 } |
24 | 22 |
25 }); | 23 }); |
26 | |
OLD | NEW |