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 136 matching lines...) Loading... |
147 dt.play(new Animation(document.querySelector("#e"), | 147 dt.play(new Animation(document.querySelector("#e"), |
148 {width: "calc(37.5% + 100px)"}, timing)); | 148 {width: "calc(37.5% + 100px)"}, timing)); |
149 // 0px -> 100px linear, 25% -> 37.5% (50px -> 300px quadratic) | 149 // 0px -> 100px linear, 25% -> 37.5% (50px -> 300px quadratic) |
150 dt.play(new Animation(document.querySelector("#f"), | 150 dt.play(new Animation(document.querySelector("#f"), |
151 {width: "calc(37.5% + 100px)"}, timing)); | 151 {width: "calc(37.5% + 100px)"}, timing)); |
152 // 100px -> 100px linear, -25% -> 37.5% (-50px -> 300px quadratic) | 152 // 100px -> 100px linear, -25% -> 37.5% (-50px -> 300px quadratic) |
153 dt.play(new Animation(document.querySelector("#g"), | 153 dt.play(new Animation(document.querySelector("#g"), |
154 {width: "calc(37.5% + 100px)"}, timing)); | 154 {width: "calc(37.5% + 100px)"}, timing)); |
155 | 155 |
156 </script> | 156 </script> |
OLD | NEW |