OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
3 <style> | 3 <style> |
4 div { | 4 div { |
5 position: absolute; | 5 position: absolute; |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 } | 8 } |
9 #target { | 9 #target { |
10 background: red; | 10 background: red; |
(...skipping 19 matching lines...) Expand all Loading... |
30 return target.animate({opacity: ['1', '1']}, 1).ready; | 30 return target.animate({opacity: ['1', '1']}, 1).ready; |
31 } | 31 } |
32 | 32 |
33 waitForCompositor().then(() => { | 33 waitForCompositor().then(() => { |
34 target.style.transform = 'translateX(50px)'; | 34 target.style.transform = 'translateX(50px)'; |
35 }).then(waitForCompositor).then(() => { | 35 }).then(waitForCompositor).then(() => { |
36 if (window.testRunner) | 36 if (window.testRunner) |
37 testRunner.notifyDone(); | 37 testRunner.notifyDone(); |
38 }); | 38 }); |
39 </script> | 39 </script> |
OLD | NEW |