| <style type="text/css" media="screen"> |
| -webkit-animation: move 0.1s linear; |
| -webkit-transition: left 10s linear; |
| /* When the animation is done, the box should be running a transition from 100px to 200px */ |
| @-webkit-keyframes move { |
| <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> |
| <script type="text/javascript" charset="utf-8"> |
| // [animation-name, time, element-id, property, expected-value, tolerance] |
| [null, 0.2, "test", "left", 100, 10], |
| function animationStarted() |
| document.getElementById('test').className = 'animating moved box'; |
| document.getElementById('test').className = 'animating box'; |
| runAnimationTest(expectedValues, animationStarted); |
| window.addEventListener('load', function() { |
| window.setTimeout(setupTest, 0); |
| <p>Once animation has finished, box should be running left transition from 100px to 200px.</p> |
| <div id="test" class="box"></div> |