| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <!-- |  | 
| 2 Copyright 2013 Google Inc. All Rights Reserved. |  | 
| 3 |  | 
| 4 Licensed under the Apache License, Version 2.0 (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 |  | 
| 7 |  | 
| 8     http://www.apache.org/licenses/LICENSE-2.0 |  | 
| 9 |  | 
| 10 Unless required by applicable law or agreed to in writing, software |  | 
| 11 distributed under the License is distributed on an "AS IS" BASIS, |  | 
| 12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |  | 
| 13 See the License for the specific language governing permissions and |  | 
| 14 limitations under the License. |  | 
| 15 --> |  | 
| 16 |  | 
| 17 <!DOCTYPE html><meta charset="UTF-8"> |  | 
| 18 <script src="../bootstrap.js"></script> |  | 
| 19 <style> |  | 
| 20 .anim { |  | 
| 21   margin: 50px; |  | 
| 22   width: 50px; |  | 
| 23   height: 50px; |  | 
| 24   background-color: black; |  | 
| 25   display: inline-block; |  | 
| 26 } |  | 
| 27 </style> |  | 
| 28 |  | 
| 29 <div class="anim" id="a"></div> |  | 
| 30 <div class="anim" id="b"></div> |  | 
| 31 <div class="anim" id="c"></div> |  | 
| 32 <div class="anim" id="d"></div> |  | 
| 33 |  | 
| 34 <script> |  | 
| 35 'use strict'; |  | 
| 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'}); |  | 
| 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'}); |  | 
| 40 </script> |  | 
| OLD | NEW | 
|---|