OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="resources/responsive-test.js"></script> | |
3 <script> | |
4 // When the parent's offset-rotate changes during an animation, we respond. | |
5 assertCSSResponsive({ | |
6 property: 'offset-rotate', | |
7 from: 'inherit', | |
8 to: 'auto 40deg', | |
9 configurations: [{ | |
10 state: {inherited: '50deg'}, | |
11 expect: [ | |
12 {at: 0.25, is: '50deg'}, | |
13 {at: 0.75, is: 'auto 40deg'}, | |
14 ], | |
15 }, { | |
16 state: {inherited: 'auto 20deg'}, | |
17 expect: [ | |
18 {at: 0.25, is: 'auto 25deg'}, | |
19 {at: 0.75, is: 'auto 35deg'}, | |
20 ], | |
21 }], | |
22 }); | |
23 | |
24 // When the underlying offset-rotate changes during an animation, we respond. | |
25 assertCSSResponsive({ | |
26 property: 'offset-rotate', | |
27 from: neutralKeyframe, | |
28 to: '80deg', | |
29 configurations: [{ | |
30 state: {underlying: 'auto 50deg'}, | |
31 expect: [ | |
32 {at: 0.25, is: 'auto 50deg'}, | |
33 {at: 0.75, is: '80deg'}, | |
34 ], | |
35 }, { | |
36 state: {underlying: '40deg'}, | |
37 expect: [ | |
38 {at: 0.25, is: '50deg'}, | |
39 {at: 0.75, is: '70deg'}, | |
40 ], | |
41 }], | |
42 }); | |
43 </script> | |
OLD | NEW |