mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
30 lines
789 B
HTML
30 lines
789 B
HTML
<!DOCTYPE html>
|
|
<div id="foo"></div>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
const pairs = [
|
|
// null to null position
|
|
["circle(10px)", "circle(20px)"],
|
|
|
|
// null to nonnull
|
|
["circle()", "circle(at 100% 100%)"],
|
|
|
|
// nonnull to null
|
|
["circle(at 0% 0%)", "circle()"],
|
|
|
|
// nonnull to nonnull
|
|
["circle(10px at 0% 0%)", "circle(20px at center)"],
|
|
];
|
|
|
|
for (const [from, to] of pairs) {
|
|
const anim = foo.animate([{ shapeOutside: from }, { shapeOutside: to }], 1000);
|
|
anim.currentTime = 500;
|
|
anim.pause();
|
|
|
|
println(getComputedStyle(foo).shapeOutside);
|
|
anim.cancel();
|
|
}
|
|
});
|
|
</script>
|