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