OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <style> | |
3 div { | |
4 position: absolute; | |
5 width: 100px; | |
6 height: 100px; | |
7 } | |
8 #target { | |
9 background: red; | |
10 opacity: 1; | |
11 animation: test 1e8s; | |
12 } | |
13 #green { | |
14 background: green; | |
15 } | |
16 @keyframes test { | |
17 to { opacity: 0; } | |
18 } | |
19 </style> | |
20 <div id="green"></div> | |
21 <div id="target"></div> | |
22 <script> | |
23 if (window.testRunner) | |
24 testRunner.waitUntilDone(); | |
25 | |
26 function waitForCompositor() { | |
27 return target.animate({transform: ['none', 'none']}, 1).ready; | |
28 } | |
29 | |
30 waitForCompositor().then(() => { | |
31 target.style.opacity = '0'; | |
32 }).then(() => waitForCompositor()).then(() => { | |
33 if (window.testRunner) | |
34 testRunner.notifyDone(); | |
35 }); | |
36 </script> | |
OLD | NEW |