<!DOCTYPE html>
<style>
#square {
background-color: blue;
width: 30px;
height: 30px;
position: relative;
backface-visibility: hidden;
}
#testResults {
display: none;
}
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
// Remove the div's only compositing reason. This should trigger a repaint.
document.getElementById("square").style.webkitBackfaceVisibility = "visible";
}
runRepaintAndPixelTest();
</script>
<div id="square"></div>