mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-23 17:07:31 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>
|
||||
Transform animation and opacity transition with different durations
|
||||
</title>
|
||||
<style>
|
||||
div {
|
||||
width: 100px; height: 100px;
|
||||
background: blue;
|
||||
}
|
||||
@keyframes translate {
|
||||
from { transform: translateY(0px); }
|
||||
to { transform: translateY(0px); }
|
||||
}
|
||||
</style>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
window.addEventListener("load", () => {
|
||||
var target = document.getElementById("target");
|
||||
target.style = "opacity: 0;";
|
||||
|
||||
getComputedStyle(target).transform;
|
||||
|
||||
target.style = "transition: opacity 0.2s; opacity: 1; " +
|
||||
"animation: translate 0.1s;";
|
||||
|
||||
target.addEventListener("transitionend", () => {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}, false);
|
||||
});
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue