| 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 baseline-shift: 30px; | 5 baseline-shift: 30px; |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 stroke: black; | 8 stroke: black; |
| 9 /* | 9 /* |
| 10 CSS transitions and animations for baseline-shift are broken unless a | 10 CSS transitions and animations for baseline-shift are broken unless a |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 --> | 31 --> |
| 32 <text x="0" y="25" font-size="10" class="target"> | 32 <text x="0" y="25" font-size="10" class="target"> |
| 33 <tspan>T</tspan>T | 33 <tspan>T</tspan>T |
| 34 </text> | 34 </text> |
| 35 </svg> | 35 </svg> |
| 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: 'baseline-shift', | 40 property: 'baseline-shift', |
| 41 from: '', | 41 from: neutralKeyframe, |
| 42 to: '20px', | 42 to: '20px', |
| 43 }, [ | 43 }, [ |
| 44 {at: -0.25, is: '-5px'}, | 44 {at: -0.25, is: '-5px'}, |
| 45 {at: 0, is: '0px'}, | 45 {at: 0, is: '0px'}, |
| 46 {at: 0.25, is: '5px'}, | 46 {at: 0.25, is: '5px'}, |
| 47 {at: 0.5, is: '10px'}, | 47 {at: 0.5, is: '10px'}, |
| 48 {at: 0.75, is: '15px'}, | 48 {at: 0.75, is: '15px'}, |
| 49 {at: 1, is: '20px'}, | 49 {at: 1, is: '20px'}, |
| 50 {at: 1.25, is: '25px'}, | 50 {at: 1.25, is: '25px'}, |
| 51 ]); | 51 ]); |
| (...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 174 {at: -0.25, is: '-45px'}, | 174 {at: -0.25, is: '-45px'}, |
| 175 {at: 0, is: '30px'}, | 175 {at: 0, is: '30px'}, |
| 176 {at: 0.25, is: '105px'}, | 176 {at: 0.25, is: '105px'}, |
| 177 {at: 0.75, is: '255px'}, | 177 {at: 0.75, is: '255px'}, |
| 178 {at: 1, is: '330px'}, | 178 {at: 1, is: '330px'}, |
| 179 {at: 1.25, is: '405px'}, | 179 {at: 1.25, is: '405px'}, |
| 180 ]); | 180 ]); |
| 181 | 181 |
| 182 </script> | 182 </script> |
| 183 </body> | 183 </body> |
| OLD | NEW |