| <html> | 
 | <head> | 
 |   <style> | 
 |     span { | 
 |         background: blue; | 
 |         color: white; | 
 |         opacity: .666; | 
 |         -webkit-transition: opacity, .1s, .1s ease-out; | 
 |     } | 
 |   </style> | 
 |   <script> | 
 |     if (window.testRunner) { | 
 |         testRunner.dumpAsText(); | 
 |         testRunner.waitUntilDone(); | 
 |     } | 
 |     onload = function() { | 
 |         var doomSpan = document.getElementById("doomSpan"); | 
 |         doomSpan.style.opacity=1; | 
 |         if (testRunner) | 
 |             doomSpan.addEventListener('webkitTransitionEnd', function() { testRunner.notifyDone(); }); | 
 |     } | 
 |   </script> | 
 | </head> | 
 | <body> | 
 |  | 
 | <span id="doomSpan">PASS: If you can see this then we didn't hang!!!</span> | 
 |  | 
 | <div id="result"> | 
 | </div> | 
 | </body> | 
 | </html> |