<!DOCTYPE html>
<style>
#composited-box {
    will-change: opacity;
    width: 100px;
    height: 100px;
    background-color: green;
    filter: invert(70%);
}
</style>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
    document.getElementById('composited-box').style.filter = 'invert(100%)';
}
window.onload = runRepaintTest;
</script>
<div id="composited-box"></div>