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 |