<!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> |