mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-24 08:59:50 +00:00
4b4d960cba
Some checks are pending
CI / Lagom (arm64, Sanitizer_CI, false, macOS, macos-15, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, Linux, blacksmith-16vcpu-ubuntu-2404, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, Linux, blacksmith-16vcpu-ubuntu-2404, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, Linux, blacksmith-16vcpu-ubuntu-2404, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (arm64, macOS, macOS-arm64, macos-15) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (x86_64, Linux, Linux-x86_64, blacksmith-8vcpu-ubuntu-2404) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
"none" value should be interpreted as "no animation" to trigger the path that cancels previous animation if it exists.
39 lines
1,009 B
HTML
39 lines
1,009 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<div id="box"></div>
|
|
<style>
|
|
#box {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: #000;
|
|
margin: 200px;
|
|
}
|
|
@keyframes enlarge {
|
|
from {
|
|
transform: scale(1);
|
|
}
|
|
to {
|
|
transform: scale(5);
|
|
}
|
|
}
|
|
</style>
|
|
</body>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
asyncTest(done => {
|
|
const box = document.getElementById("box");
|
|
|
|
box.addEventListener("animationcancel", () => {
|
|
println("Animation cancelled");
|
|
done();
|
|
});
|
|
|
|
box.addEventListener("animationstart", () => {
|
|
requestAnimationFrame(() => (box.style.animation = "none"));
|
|
});
|
|
|
|
box.style.animation = "enlarge 2s forwards";
|
|
});
|
|
</script>
|
|
</html>
|