mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
29 lines
733 B
HTML
29 lines
733 B
HTML
|
<html class="reftest-wait">
|
||
|
|
<title>Test for CSS transitions and re-wrapping of inlines</title>
|
||
|
|
<style type="text/css">
|
||
|
|
#test { -moz-transition: 20ms color linear 0; }
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
window.onload = run;
|
||
|
|
|
||
|
|
function run() {
|
||
|
|
var test = document.getElementById("test");
|
||
|
|
var unused = test.offsetWidth;
|
||
|
|
unused = getComputedStyle(test, "").color;
|
||
|
|
test.style.color = "green";
|
||
|
|
unused = test.offsetWidth;
|
||
|
|
unused = getComputedStyle(test, "").color;
|
||
|
|
setTimeout(step2, 100); // give transition time to run
|
||
|
|
}
|
||
|
|
function step2() {
|
||
|
|
document.documentElement.removeAttribute("class");
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<div style="width: 3em">
|
||
|
|
<span id="test" style="color: red">
|
||
|
|
This is some text with a transition.
|
||
|
|
</span>
|
||
|
|
</div>
|