transitions-inline-already-wrapped-2.html (728B)
1 <html class="reftest-wait"> 2 <title>Test for CSS transitions and re-wrapping of inlines</title> 3 <style type="text/css"> 4 #test { transition: 20ms color linear 0; } 5 </style> 6 <script type="text/javascript"> 7 8 window.onload = run; 9 10 function run() { 11 var test = document.getElementById("test"); 12 var unused = test.offsetWidth; 13 unused = getComputedStyle(test, "").color; 14 test.style.color = "green"; 15 unused = test.offsetWidth; 16 unused = getComputedStyle(test, "").color; 17 setTimeout(step2, 100); // give transition time to run 18 } 19 function step2() { 20 document.documentElement.removeAttribute("class"); 21 } 22 23 </script> 24 <div style="width: 3em"> 25 <span id="test" style="color: red"> 26 This is some text with a transition. 27 </span> 28 </div>