<!DOCTYPE html>
<html>
<head>
<title>Check to disappear the afterimage after changing the style of an img tag.</title>
<style type="text/css">
div.cell
{
    transform: translate3d(0, 0, 0);
}

img
{
    position: absolute;
    transform: translate3d(0, 0, 0);
}

div.magnify img
{
    transform: scale(2.0);
}
</style>
</head>
<body>


<div class="cell magnify" id="cell">
    <img src="resources/simple_image.png">
</div>


<script type="text/javascript">
function updateStack()
{
    var cell = document.getElementById("cell");
    cell.className = "cell";

    setTimeout(function() {
        if (window.testRunner) {
            window.testRunner.notifyDone();
        }
    }, 10);
}

window.onload = function ()
{
    if (window.testRunner) {
        window.testRunner.dumpAsTextWithPixelResults();
        window.testRunner.waitUntilDone();
    }

    setTimeout(function() {
        updateStack();
    }, 200);
}
</script>

</body>
</html>