| 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...) Expand 10 before | Expand all | Expand 10 after 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 |