OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .parent { | 4 .parent { |
5 border-spacing: 30px; | 5 border-spacing: 30px; |
6 } | 6 } |
7 .target { | 7 .target { |
8 width: 50px; | 8 width: 50px; |
9 height: 50px; | 9 height: 50px; |
10 background-color: black; | 10 background-color: black; |
(...skipping 20 matching lines...) Expand all Loading... |
31 <td></td> | 31 <td></td> |
32 <td></td> | 32 <td></td> |
33 </tr> | 33 </tr> |
34 </tbody> | 34 </tbody> |
35 </table> | 35 </table> |
36 </template> | 36 </template> |
37 <script src="resources/interpolation-test.js"></script> | 37 <script src="resources/interpolation-test.js"></script> |
38 <script> | 38 <script> |
39 assertInterpolation({ | 39 assertInterpolation({ |
40 property: 'border-spacing', | 40 property: 'border-spacing', |
41 from: '', | 41 from: neutralKeyframe, |
42 to: '20px', | 42 to: '20px', |
43 }, [ | 43 }, [ |
44 {at: -0.3, is: '7px 7px'}, | 44 {at: -0.3, is: '7px 7px'}, |
45 {at: 0, is: '10px 10px'}, | 45 {at: 0, is: '10px 10px'}, |
46 {at: 0.3, is: '13px 13px'}, | 46 {at: 0.3, is: '13px 13px'}, |
47 {at: 0.6, is: '16px 16px'}, | 47 {at: 0.6, is: '16px 16px'}, |
48 {at: 1, is: '20px 20px'}, | 48 {at: 1, is: '20px 20px'}, |
49 {at: 1.5, is: '25px 25px'}, | 49 {at: 1.5, is: '25px 25px'}, |
50 ]); | 50 ]); |
51 assertInterpolation({ | 51 assertInterpolation({ |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
115 }, [ | 115 }, [ |
116 {at: -0.3, is: '0px'}, // Can't be negative. | 116 {at: -0.3, is: '0px'}, // Can't be negative. |
117 {at: 0, is: '0px'}, | 117 {at: 0, is: '0px'}, |
118 {at: 0.3, is: '3px'}, | 118 {at: 0.3, is: '3px'}, |
119 {at: 0.6, is: '6px'}, | 119 {at: 0.6, is: '6px'}, |
120 {at: 1, is: '10px'}, | 120 {at: 1, is: '10px'}, |
121 {at: 1.5, is: '15px'} | 121 {at: 1.5, is: '15px'} |
122 ]); | 122 ]); |
123 </script> | 123 </script> |
124 </body> | 124 </body> |
OLD | NEW |