<!DOCTYPE html> | |
<script src="../resources/text-based-repaint.js"></script> | |
<div id="target" style="width: 100px; height: 100px; background: gray; | |
will-change: opacity; transition: 0.2s"> | |
</div> | |
<script> | |
window.testIsAsync = true; | |
function repaintTest() { | |
target.addEventListener('transitionend', finishRepaintTest); | |
target.style.opacity = 0.5; | |
} | |
onload = runRepaintAndPixelTest; | |
</script> |