| 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 |
|---|
Chromium Code Reviews
Issue 2555543002:
CSS Motion Path: Support offset-rotate in addition to offset-rotation (Closed)
