mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-14 13:55:43 +00:00
f736a7f384
MozReview-Commit-ID: Ki0Aqhgl1dO --HG-- extra : rebase_source : 5dbfa13c63390364d581b649b18e25ceea8e7a15
33 lines
806 B
HTML
33 lines
806 B
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait reftest-no-flush">
|
|
<title>Bug 1298742</title>
|
|
<style>
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: blue;
|
|
transform: translate(10px);
|
|
}
|
|
</style>
|
|
<div id="target"></div>
|
|
<script>
|
|
const MS_PER_SEC = 1000;
|
|
var elem = document.getElementById("target");
|
|
var animA =
|
|
elem.animate({ transform: [ 'translate(0px)', 'translate(60px)' ] },
|
|
100 * MS_PER_SEC);
|
|
var animB =
|
|
elem.animate({ transform: [ 'translate(60px)', 'translate(0px)' ] },
|
|
100 * MS_PER_SEC);
|
|
animA.pause();
|
|
animB.pause();
|
|
|
|
Promise.all([animA.ready, animB.ready]).then(function() {
|
|
animB.effect = null;
|
|
requestAnimationFrame(function() {
|
|
document.documentElement.classList.remove("reftest-wait");
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|