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>
|