| <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=true ] --> |
| -webkit-transform: translateX(0px) rotate(0deg); |
| -webkit-transition-duration: 2s; |
| -webkit-transition-timing-function: linear; |
| -webkit-transition-property: -webkit-transform; |
| <script src="resources/transition-test-helpers.js"></script> |
| <script type="text/javascript"> |
| function DegreesToRotation(angle) |
| return roundNumber(Math.cos(angle * Math.PI / 180), 5); |
| // [time, element-id, property, expected-value, tolerance] |
| [0.5, "box", "-webkit-transform.0", DegreesToRotation(45), DegreesToRotation(10)], |
| [1.0, "box", "-webkit-transform.0", DegreesToRotation(90), DegreesToRotation(10)], |
| var box = document.getElementById('box'); |
| box.style.webkitTransform = 'rotate(540deg)'; |
| runTransitionTest(expectedValues, setupTest, usePauseAPI); |
| Box should spin only 180 degrees even though the operation specifies a 0 to 540 degree animation. |
| This is because the operation lists don't match, so it falls back to matrix animation, which |
| normalizes the angle to between 0 and 360 degrees. |