mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
39 lines
620 B
HTML
39 lines
620 B
HTML
<!DOCTYPE HTML>
|
|
<html class="reftest-wait">
|
|
<head>
|
|
<style>
|
|
#d2 {
|
|
opacity:0;
|
|
transition:all 0.2s;
|
|
position:absolute;
|
|
}
|
|
#d2.active {
|
|
opacity:1;
|
|
}
|
|
#image {
|
|
position:fixed;
|
|
width:100%;
|
|
height:100%;
|
|
background:blue;
|
|
left:0;
|
|
top:0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="d2" class="active">
|
|
<div id="image"></div>
|
|
<h2>ABCDEFG</h2>
|
|
</div>
|
|
<script>
|
|
function doTest() {
|
|
d2.addEventListener("transitionend", function() {
|
|
document.documentElement.removeAttribute("class");
|
|
});
|
|
d2.classList.toggle("active");
|
|
}
|
|
window.addEventListener("MozReftestInvalidate", doTest);
|
|
</script>
|
|
</body>
|
|
</html>
|