<!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 src="../resources/run-after-layout-and-paint.js"></script>
<script type="text/javascript">
function updateStack()
{
    var cell = document.getElementById("cell");
    cell.className = "cell";
}

window.onload = function ()
{
    runAfterLayoutAndPaint(updateStack, true);
}
</script>

</body>
</html>