19 lines
684 B
HTML
19 lines
684 B
HTML
<style>
|
|
div#test { position: absolute; top: 0; left: 0; color: green; border: 50px solid; width: 0; -webkit-transition-duration: 1ms; }
|
|
div#test.orange { border-color: orange; }
|
|
</style>
|
|
<div style="position: relative; background-color: red; width: 100px; height: 100px;">
|
|
<div id="test" class="orange"></div>
|
|
</div>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
|
|
document.getElementById("test").addEventListener('webkitTransitionEnd', function() {
|
|
if (window.testRunner)
|
|
setTimeout("testRunner.notifyDone()", 0);
|
|
}, false);
|
|
|
|
setTimeout(function() { document.getElementById("test").className = "" }, 0);
|
|
</script>
|