OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .target { | 4 .target { |
5 background-image: url(), url(); | 5 background-image: url(), url(); |
6 } | 6 } |
7 </style> | 7 </style> |
8 <body> | 8 <body> |
9 <script src="../interpolation/resources/interpolation-test.js"></script> | 9 <script src="../interpolation/resources/interpolation-test.js"></script> |
10 <script> | 10 <script> |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
75 replaceTo: '200px 250px', | 75 replaceTo: '200px 250px', |
76 }, [ | 76 }, [ |
77 {at: -0.25, is: '75px 125px, 75px 125px'}, | 77 {at: -0.25, is: '75px 125px, 75px 125px'}, |
78 {at: 0, is: '100px 150px, 100px 150px'}, | 78 {at: 0, is: '100px 150px, 100px 150px'}, |
79 {at: 0.25, is: '125px 175px, 125px 175px'}, | 79 {at: 0.25, is: '125px 175px, 125px 175px'}, |
80 {at: 0.5, is: '150px 200px, 150px 200px'}, | 80 {at: 0.5, is: '150px 200px, 150px 200px'}, |
81 {at: 0.75, is: '175px 225px, 175px 225px'}, | 81 {at: 0.75, is: '175px 225px, 175px 225px'}, |
82 {at: 1, is: '200px 250px, 200px 250px'}, | 82 {at: 1, is: '200px 250px, 200px 250px'}, |
83 {at: 1.25, is: '225px 275px, 225px 275px'}, | 83 {at: 1.25, is: '225px 275px, 225px 275px'}, |
84 ]); | 84 ]); |
| 85 |
| 86 assertComposition({ |
| 87 property: 'background-size', |
| 88 underlying: 'auto 100px, contain', |
| 89 addFrom: neutralKeyframe, |
| 90 replaceTo: 'auto 200px, contain', |
| 91 }, [ |
| 92 {at: -0.25, is: 'auto 75px, contain'}, |
| 93 {at: 0, is: 'auto 100px, contain'}, |
| 94 {at: 0.25, is: 'auto 125px, contain'}, |
| 95 {at: 0.5, is: 'auto 150px, contain'}, |
| 96 {at: 0.75, is: 'auto 175px, contain'}, |
| 97 {at: 1, is: 'auto 200px, contain'}, |
| 98 {at: 1.25, is: 'auto 225px, contain'}, |
| 99 ]); |
85 </script> | 100 </script> |
86 </body> | 101 </body> |
OLD | NEW |