2009-10-07 20:22:42 -07:00
|
|
|
<html class="reftest-wait">
|
|
|
|
|
<title>Test for CSS transitions and re-wrapping of inlines</title>
|
|
|
|
|
<style type="text/css">
|
2012-07-08 18:25:10 -07:00
|
|
|
#test { transition: 5s color linear 200s; }
|
2009-10-07 20:22:42 -07:00
|
|
|
</style>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
window.onload = run;
|
|
|
|
|
|
|
|
|
|
function run() {
|
|
|
|
|
var test = document.getElementById("test");
|
|
|
|
|
var unused = test.offsetWidth;
|
|
|
|
|
test.style.color = "red";
|
|
|
|
|
unused = test.offsetWidth;
|
|
|
|
|
test.parentNode.style.width = "3em";
|
|
|
|
|
unused = test.offsetWidth;
|
|
|
|
|
document.documentElement.removeAttribute("class");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<div style="width: 50em">
|
|
|
|
|
<span id="test" style="color: green">
|
|
|
|
|
This is some text with a transition.
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
