blob: b0cd60b8b53ece7a620aad4ff86158385e75c510 [file] [log] [blame]
<!DOCTYPE html>
<style>
#target {
position: absolute;
top: 0;
width: 100px;
height: 100px;
background: red;
-webkit-transition-property: top, background;
-webkit-transition-duration: 200ms;
transform: translateZ(0);
}
</style>
<script>
if (window.testRunner) {
testRunner.waitUntilDone();
}
onload = function() {
var target = document.getElementById('target');
target.style.top = '100px';
target.style.background = 'green';
}
if (window.testRunner) {
document.addEventListener('transitionend', function() {
testRunner.notifyDone();
});
}
</script>
<div id="target">This box should transition from red to green.</div>