OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <body> | |
3 <script src="../interpolation/resources/interpolation-test.js"></script> | |
4 <script> | |
5 assertComposition({ | |
6 property: 'border-top-left-radius', | |
7 underlying: '40px 40px', | |
8 addFrom: '60px 60px', | |
9 addTo: '160px 160px', | |
10 }, [ | |
11 {at: -0.25, is: '75px'}, | |
12 {at: 0, is: '100px'}, | |
13 {at: 0.25, is: '125px'}, | |
14 {at: 0.5, is: '150px'}, | |
15 {at: 0.75, is: '175px'}, | |
16 {at: 1, is: '200px'}, | |
17 {at: 1.25, is: '225px'}, | |
18 ]); | |
19 | |
20 assertComposition({ | |
21 property: 'border-top-left-radius', | |
22 underlying: '40px 140px', | |
23 replaceFrom: '100px 120px', | |
24 addTo: '160px 60px', | |
25 }, [ | |
26 {at: -0.25, is: '75px 100px'}, | |
27 {at: 0, is: '100px 120px'}, | |
28 {at: 0.25, is: '125px 140px'}, | |
29 {at: 0.5, is: '150px 160px'}, | |
30 {at: 0.75, is: '175px 180px'}, | |
31 {at: 1, is: '200px'}, | |
32 {at: 1.25, is: '225px 220px'}, | |
33 ]); | |
34 | |
35 assertComposition({ | |
36 property: 'border-top-left-radius', | |
37 underlying: '40px 60px', | |
38 addFrom: '60px 140px', | |
39 replaceTo: '200px 120px', | |
40 }, [ | |
41 {at: -0.25, is: '75px 220px'}, | |
42 {at: 0, is: '100px 200px'}, | |
43 {at: 0.25, is: '125px 180px'}, | |
44 {at: 0.5, is: '150px 160px'}, | |
45 {at: 0.75, is: '175px 140px'}, | |
46 {at: 1, is: '200px 120px'}, | |
47 {at: 1.25, is: '225px 100px'}, | |
48 ]); | |
49 </script> | |
50 </body> | |
OLD | NEW |