OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright 2012 Google Inc. All Rights Reserved. | 2 Copyright 2012 Google Inc. All Rights Reserved. |
3 | 3 |
4 Licensed under the Apache License, Version 2.0 (the "License"); | 4 Licensed under the Apache License, Version 2.0 (the "License"); |
5 you may not use this file except in compliance with the License. | 5 you may not use this file except in compliance with the License. |
6 You may obtain a copy of the License at | 6 You may obtain a copy of the License at |
7 | 7 |
8 http://www.apache.org/licenses/LICENSE-2.0 | 8 http://www.apache.org/licenses/LICENSE-2.0 |
9 | 9 |
10 Unless required by applicable law or agreed to in writing, software | 10 Unless required by applicable law or agreed to in writing, software |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
74 var divs = document.querySelectorAll(".anim"); | 74 var divs = document.querySelectorAll(".anim"); |
75 | 75 |
76 var group = new AnimationGroup([], 2000); | 76 var group = new AnimationGroup([], 2000); |
77 | 77 |
78 for (var i = 0; i < divs.length; i++) { | 78 for (var i = 0; i < divs.length; i++) { |
79 group.append(new Animation(divs[i], {left: (100 * (i+1)) + "px"}, {duration: 2
* 1000, fill: 'forwards'})); | 79 group.append(new Animation(divs[i], {left: (100 * (i+1)) + "px"}, {duration: 2
* 1000, fill: 'forwards'})); |
80 } | 80 } |
81 document.timeline.play(group); | 81 document.timeline.play(group); |
82 | 82 |
83 </script> | 83 </script> |
OLD | NEW |