26 lines
591 B
HTML
26 lines
591 B
HTML
|
<style>
|
||
|
#target { width:100px; height:100px; left:100px; top:100px; background-color:green }
|
||
|
</style>
|
||
|
<span id=target></span>
|
||
|
<script>
|
||
|
async function test() {
|
||
|
if (window.testRunner)
|
||
|
testRunner.waitUntilDone();
|
||
|
|
||
|
var positionAnimation = [
|
||
|
{ position: 'static' },
|
||
|
{ position: 'absolute' },
|
||
|
];
|
||
|
var positionTiming = {
|
||
|
duration: 16,
|
||
|
fill: 'forwards'
|
||
|
};
|
||
|
const animation = target.animate(positionAnimation, positionTiming);
|
||
|
await animation.finished;
|
||
|
|
||
|
if (window.testRunner)
|
||
|
testRunner.notifyDone();
|
||
|
}
|
||
|
test();
|
||
|
</script>
|