| 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 |