OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <title>Test of -webkit-animation-play-state</title> | 3 <title>Test of -webkit-animation-play-state</title> |
4 <style> | 4 <style> |
5 .target { | 5 .target { |
6 height: 100px; | 6 height: 100px; |
7 width: 100px; | 7 width: 100px; |
8 -webkit-animation-duration: 40ms; | 8 -webkit-animation-duration: 40ms; |
9 -webkit-animation-timing-function: linear; | 9 -webkit-animation-timing-function: linear; |
10 } | 10 } |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
70 | 70 |
71 function resume() { | 71 function resume() { |
72 logPassFail(transform, getComputedStyle(document.getElementById('translate
')).webkitTransform, 'translate', 'when paused'); | 72 logPassFail(transform, getComputedStyle(document.getElementById('translate
')).webkitTransform, 'translate', 'when paused'); |
73 logPassFail(left, getComputedStyle(document.getElementById('left')).left,
'left', 'when paused'); | 73 logPassFail(left, getComputedStyle(document.getElementById('left')).left,
'left', 'when paused'); |
74 togglePaused(); | 74 togglePaused(); |
75 setTimeout(end, 100); | 75 setTimeout(end, 100); |
76 } | 76 } |
77 | 77 |
78 function end() { | 78 function end() { |
79 logPassFail('none', getComputedStyle(document.getElementById('translate'))
.webkitTransform, 'translate', 'at end'); | 79 logPassFail('none', getComputedStyle(document.getElementById('translate'))
.webkitTransform, 'translate', 'at end'); |
80 logPassFail('auto', getComputedStyle(document.getElementById('left')).left
, 'left', 'at end'); | 80 logPassFail('0px', getComputedStyle(document.getElementById('left')).left,
'left', 'at end'); |
81 if (window.testRunner) { | 81 if (window.testRunner) { |
82 testRunner.notifyDone(); | 82 testRunner.notifyDone(); |
83 } | 83 } |
84 } | 84 } |
85 | 85 |
86 document.addEventListener('webkitAnimationStart', start, false); | 86 document.addEventListener('webkitAnimationStart', start, false); |
87 </script> | 87 </script> |
88 </head> | 88 </head> |
89 <body> | 89 <body> |
90 <p> | 90 <p> |
91 This tests the operation of -webkit-animation-play-state. We test style | 91 This tests the operation of -webkit-animation-play-state. We test style |
92 while the animations are paused and once unpaused. | 92 while the animations are paused and once unpaused. |
93 </p> | 93 </p> |
94 <div class="target" id="translate">transform</div> | 94 <div class="target" id="translate">transform</div> |
95 <div class="target" id="left">left</div> | 95 <div class="target" id="left">left</div> |
96 </body> | 96 </body> |
97 </html> | 97 </html> |
OLD | NEW |