OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright 2013 Google Inc. All Rights Reserved. | 2 Copyright 2013 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 20 matching lines...) Expand all Loading... |
31 <div class="anim" id="c"></div> | 31 <div class="anim" id="c"></div> |
32 <div class="anim" id="d"></div> | 32 <div class="anim" id="d"></div> |
33 | 33 |
34 <script> | 34 <script> |
35 'use strict'; | 35 'use strict'; |
36 a.animate([{boxShadow: '-20px -20px blue'}, {boxShadow: '20px 20px 12px 8px gree
n'}], {duration: 4 * 1000, fill: 'forwards'}); | 36 a.animate([{boxShadow: '-20px -20px blue'}, {boxShadow: '20px 20px 12px 8px gree
n'}], {duration: 4 * 1000, fill: 'forwards'}); |
37 b.animate([{boxShadow: 'inset -20px -20px 8px blue'}, {boxShadow: 'inset 20px 20
px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'}); | 37 b.animate([{boxShadow: 'inset -20px -20px 8px blue'}, {boxShadow: 'inset 20px 20
px 12px 8px green'}], {duration: 4 * 1000, fill: 'forwards'}); |
38 c.animate([{boxShadow: 'inset 20px 20px 8px blue'}, {boxShadow: '20px 20px 12px
8px green'}], {duration: 4 * 1000, fill: 'forwards'}); | 38 c.animate([{boxShadow: 'inset 20px 20px 8px blue'}, {boxShadow: '20px 20px 12px
8px green'}], {duration: 4 * 1000, fill: 'forwards'}); |
39 d.animate([{boxShadow: '20px 20px 12px 8px green'}], {duration: 4 * 1000, fill:
'forwards'}); | 39 d.animate([{boxShadow: '20px 20px 12px 8px green'}], {duration: 4 * 1000, fill:
'forwards'}); |
40 </script> | 40 </script> |
OLD | NEW |