OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .container { | 4 .container { |
5 font-size: 10px; | 5 font-size: 10px; |
6 } | 6 } |
7 .target { | 7 .target { |
8 display: inline-block; | 8 display: inline-block; |
9 font: 100px sans-serif; | 9 font: 100px sans-serif; |
10 } | 10 } |
(...skipping 19 matching lines...) Expand all Loading... |
30 }, [ | 30 }, [ |
31 {at: -2, is: '0px'}, // CSS font-size can't be negative. | 31 {at: -2, is: '0px'}, // CSS font-size can't be negative. |
32 {at: -0.3, is: '1px'}, | 32 {at: -0.3, is: '1px'}, |
33 {at: 0, is: '4px'}, | 33 {at: 0, is: '4px'}, |
34 {at: 0.3, is: '7px'}, | 34 {at: 0.3, is: '7px'}, |
35 {at: 0.6, is: '10px'}, | 35 {at: 0.6, is: '10px'}, |
36 {at: 1, is: '14px'}, | 36 {at: 1, is: '14px'}, |
37 {at: 1.5, is: '19px'}, | 37 {at: 1.5, is: '19px'}, |
38 ]); | 38 ]); |
39 | 39 |
40 // The minifill does not support inherit. | 40 // Web Animations 1 does not support inherit. |
41 // assertInterpolation({ | 41 // assertInterpolation({ |
42 // property: 'font-size', | 42 // property: 'font-size', |
43 // from: 'inherit', | 43 // from: 'inherit', |
44 // to: '20px' | 44 // to: '20px' |
45 // }, [ | 45 // }, [ |
46 // {at: -2, is: '0px'}, // CSS font-size can't be negative. | 46 // {at: -2, is: '0px'}, // CSS font-size can't be negative. |
47 // {at: -0.3, is: '7px'}, | 47 // {at: -0.3, is: '7px'}, |
48 // {at: 0, is: '10px'}, | 48 // {at: 0, is: '10px'}, |
49 // {at: 0.3, is: '13px'}, | 49 // {at: 0.3, is: '13px'}, |
50 // {at: 0.6, is: '16px'}, | 50 // {at: 0.6, is: '16px'}, |
51 // {at: 1, is: '20px'}, | 51 // {at: 1, is: '20px'}, |
52 // {at: 1.5, is: '25px'}, | 52 // {at: 1.5, is: '25px'}, |
53 // ]); | 53 // ]); |
54 </script> | 54 </script> |
55 </body> | 55 </body> |
OLD | NEW |