mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 09:45:06 +02:00
27 lines
816 B
HTML
27 lines
816 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<style>
|
|
#foo {
|
|
transition-property: top, right, left, width, height, bottom;
|
|
transition-duration: 1s;
|
|
}
|
|
</style>
|
|
<div id="foo" style="top: 0; left: 0; right: 0; width: 0; height: 0; bottom: 0"></div>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
promiseTest(async () => {
|
|
await animationFrame();
|
|
await animationFrame();
|
|
|
|
foo.style.top = "10px";
|
|
foo.style.right = "10px";
|
|
foo.style.left = "10px";
|
|
foo.style.width = "10px";
|
|
foo.style.height = "10px";
|
|
foo.style.bottom = "10px";
|
|
|
|
println("Order: " + document.getAnimations().map(animation => animation.transitionProperty).join(", "));
|
|
});
|
|
</script>
|
|
</html>
|