<!DOCTYPE html>
<style>
.container { position: relative; width: 0; height: 0; }
.scale { transform-origin: 0 0; transform: scale(40); }
.child { width: 1px; height: 1px; background: blue; position: relative; left: 0.4px }
</style>
<div class="container scale">
<div class="child"></div>
</div>
<div class="container" style="top: 50px">
<div class="child scale"></div>
</div>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
for (var container of document.getElementsByClassName('container'))
container.style.left = '0.3px';
}
onload = runRepaintAndPixelTest;
</script>