Files
ladybird/Tests/LibWeb/Text/input/css/animations-use-computed-style.html
Callum Law 84762021b8 LibWeb: Support triggering multiple animations per animation property
We also now use the computed (rather than cascaded) values when
triggering animations.
2025-10-27 09:48:25 +00:00

33 lines
788 B
HTML

<!DOCTYPE html>
<html>
<style>
@keyframes foo {
from {
}
to {
}
}
#bar {
animation-timing-function: linear;
}
#baz {
animation: foo 2s;
animation-iteration-count: calc(sibling-index() + sign(1em - 1px));
animation-timing-function: inherit;
}
</style>
<body>
<div id="bar"><div id="baz"></div></div>
<script src="../include.js"></script>
<script>
test(() => {
println(document.getAnimations()[0].effect.getComputedTiming().easing);
println(document.getAnimations()[0].effect.getComputedTiming().iterations);
});
</script>
</body>
</html>