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