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 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 | 59 |
60 dt.play(new Animation(rect2, [ | 60 dt.play(new Animation(rect2, [ |
61 {transform: "translate(0px, 0px)"}, | 61 {transform: "translate(0px, 0px)"}, |
62 {transform: "translate(200px, 200px)"}, | 62 {transform: "translate(200px, 200px)"}, |
63 ], {duration: 3 * 1000, fill: 'forwards'})); | 63 ], {duration: 3 * 1000, fill: 'forwards'})); |
64 dt.play(new Animation(rect2, new KeyframeEffect([ | 64 dt.play(new Animation(rect2, new KeyframeEffect([ |
65 {transform: "rotate(0deg) translate(0px, 0px)"}, | 65 {transform: "rotate(0deg) translate(0px, 0px)"}, |
66 {transform: "rotate(90deg) translate(100px, 0px)"}, | 66 {transform: "rotate(90deg) translate(100px, 0px)"}, |
67 ], 'add'), {delay: 1 * 1000, duration: 4 * 1000, fill: 'forwards'})); | 67 ], 'add'), {delay: 1 * 1000, duration: 4 * 1000, fill: 'forwards'})); |
68 </script> | 68 </script> |
OLD | NEW |